一个Bootstrap的例子--关于validate
</pre><pre name="code" class="html"><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en" class="app">
<head>
<meta charset="utf-8" />
<title>毕加数据</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" href="../../css/app.v2.css" type="text/css" />
<link rel="stylesheet" href="../../css/font.css" type="text/css" cache="false" />
<link rel="stylesheet" href="../../js/calendar/bootstrap_calendar.css" type="text/css" cache="false" />
<script src="../../js/app.v2.js"></script>
</head>
<body>
<%@ include file="../../navHead3.jsp" %>
<div class="col-lg-7">
<h3>注册企业账号</h3>
<br>
<form action="insertBranch" id="insertBranch" method="post" >
<input name="appClient.type" value="2" style="display:none" >
<input name="appClient.companyId" value="${branchCompany.id}" style="display:none" >
<input name="appClient.usedCount" value="0" style="display:none" >
<div class="form-group">
<label >用户名</label>
<input class="form-control {required:true,minlength:5,,messages:{required:'请输入客户名称'}" id="name1"
placeholder="请输入用户名" name="appClient.userName"/>
</div>
<div class="form-group">
<label>密码</label>
<input class="form-control" id="password" placeholder="请输入密码" type="password" name="appClient.password">
</div>
<div class="form-group">
<label>确认密码</label>
<input class="form-control" name="confirm_password" placeholder="请输入密码" type="password" >
</div>
<div class="form-group">
<label>电话</label>
<input class="form-control" placeholder="请输入电话" name="appClient.phone">
</div>
<div class="form-group">
<label>公司名称</label>
<input class="form-control" placeholder="请输入公司名称" name="appClient.companyName">
</div>
<div class="form-group">
<label>业务员数量</label>
<input class="form-control" placeholder="请输入业务员数量" name="appClient.appCount">
</div>
<br>
<button type="submit" class="btn btn-large btn-success">提交</button>
</form>
<!--弹出显示框-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">提示</h4>
</div>
<div class="modal-body">
<div id="result"></div>
</div>
<div class="modal-footer">
<button
onclick="javascript:parent.location.href='../../module/appclient/getAllBranch'"
type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
<!-- /.modal-content -->
</div>
</div>
</div>
<!-- jQuery -->
<script src="../../resources/bower_components/jquery/dist/jquery.min.js"></script>
<script src="../../resources/js/jquery.validate.min.js"></script>
<script src="../../resources/js/messages_zh.min.js"></script>
<script src="<%=request.getContextPath() %>/resources/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script>
$().ready(function() {
// validate signup form on keyup and submit
$("#insertBranch").validate({
rules: {
'appClient.password' : {
required: true,
minlength: 6
},
'confirm_password': {
required: true,
equalTo: "#password"
}
},
messages: {
'confirm_password': {
required: "请确认密码",
equalTo: "两次输入的密码要相同"
}
},
submitHandler:function(){
var txtHtml;
$.ajax({
url:'insertBranch',
data:$('#insertBranch').serialize(),
type:"POST",
success:function(data2){
var data;
try {
data = $.parseJSON(data2);
} catch (e) {
alert("网络异常 请重新登陆");
}
if(data.resultcode == "200"){
txtHtml="<p class='text-warning'>" + data.info + "</p>";
}else{
txtHtml="<p class='text-warning'>" + data.info + "</p>";
}
$("#result").html(txtHtml);
$("#myModal").modal("show");
}
});
}
});
});
</script>
<%@ include file="../../navTail.jsp" %>
</body>
</html>
</pre><pre code_snippet_id="1590342" snippet_file_name="blog_20160227_3_6997779" name="code" class="html">使用struts做后台
<pre name="code" class="html"> <package name="appclent" namespace="/module/appclient" extends="json-default,basePack" >
<action name="insertBranch" class="appClientAction" method="insertBranch">
<result type="json">
<param name="root">resultObj</param>
</result>
</action>
</package>
appClientAction如下:
</pre><pre name="code" class="java">private String resultObj; //string类型的成员变量
public String insertBranch(){
//省略部分代码
JSONObject joCode=new JSONObject();
try {
joCode.put("resultcode", 123);
joCode.put("info", 123);
joCode.put("url", "../../mainPage.jsp");
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
resultObj=joCode.toString();
System.out.println(resultObj+" resultObj");
return SUCCESS;
}
jsp页面里用的的技术点包括
jquery的validate与bootstrap的模态窗口
其中validate还有点问题
可参见
http://www.runoob.com/jquery/jquery-plugin-validate.html
一个Bootstrap的例子--关于validate的更多相关文章
- 用一个简单的例子来理解python高阶函数
============================ 用一个简单的例子来理解python高阶函数 ============================ 最近在用mailx发送邮件, 写法大致如 ...
- Spring-Context之一:一个简单的例子
很久之前就想系统的学习和掌握Spring框架,但是拖了很久都没有行动.现在趁着在外出差杂事不多,就花时间来由浅入深的研究下Spring框架.Spring框架这几年来已经发展成为一个巨无霸产品.从最初的 ...
- 一个Bootstrap风格的分页控件
http://www.cnblogs.com/wangwei123/p/3682626.html 主题 jQueryBootstrap 一个Bootstrap风格的分页控件,对于喜欢Bootstr ...
- jQuery分页插件jBootstrapPage，一个Bootstrap风格的分页插件
一个Bootstrap风格的分页控件,对于喜欢Bootstrap简洁美观和扁平化的同学可以关注jBootstrapPage, 目前jBootstrapPage最新版为V0.1,后续还有更多功能需要完善 ...
- 高仿“点触验证码”做的一个静态Html例子
先上源码: <html> <head> <title>TouClick - Designed By MrChu</title> <meta htt ...
- 关于apriori算法的一个简单的例子
apriori算法是关联规则挖掘中很基础也很经典的一个算法,我认为很多教程出现大堆的公式不是很适合一个初学者理解.因此,本文列举一个简单的例子来演示下apriori算法的整个步骤. 下面这个表格是代表 ...
- 一个UWSGI的例子
摘要:uwsgi执行顺序:启动master进程,执行python脚本的公共代码(import同一层).然后生成worker进程,uwsgi.post_fork_hook=init_functions, ...
- 扩展Python模块系列(二)----一个简单的例子
本节使用一个简单的例子引出Python C/C++ API的详细使用方法.针对的是CPython的解释器. 目标:创建一个Python内建模块test,提供一个功能函数distance, 计算空间中两 ...
- fitnesse - 一个简单的例子（slim）
fitnesse - 一个简单的例子(slim) 2017-09-30 目录1 编写测试代码(Fixture code)2 编写wiki page并运行 2.1 新建wikiPage 2.2 运行 ...
随机推荐
- TensorFlow + Keras 实战 YOLO v3 目标检测图文并茂教程
运行步骤 1.从 YOLO 官网下载 YOLOv3 权重 wget https://pjreddie.com/media/files/yolov3.weights 下载过程如图: 2.转换 Darkn ...
- Cisco 关闭命令同步提示信息
Router(config)#no logging console 如果你通过console连接,使用第一条Router(config)#no logging monitor 如果通过telnet,s ...
- 利用Runtime实现简单的字典转模型
前言 我们都知道,开发中会有这么一个过程,就是将服务器返回的数据转换成我们自己定义的模型对象.当然服务器返回的数据结构有xml类型的,也有json类型的.本文只讨论json格式的. 大家在项目中一般是 ...
- 聪明的搜索算法’ A*算法
A*算法 是一种启发式的搜索算法. 了解BFS.DFS或者Dijkstra算法的人应该知道.这些算法都是一种向四周盲目式搜索的方法. 启发式搜索: 启发式搜索就是在状态空间中的搜索 ...
- mysql 索引列为Null的走不走索引及null在统计时的问题
要尽可能地把字段定义为 NOT NULL,即使应用程序无须保存 NULL(没有值),也有许多表包含了可空列(Nullable Column)这仅仅是因为它为默认选项.除非真的要保存 NULL,否则就把 ...
- 常见常用的CSS
字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX.PD 样式 {font-style: obl ...
- 安卓高级6 SnackBar
引言 文/李牧羊(简书作者) 原文链接:http://www.jianshu.com/p/2654e6bda3b1 著作权归作者所有,转载请联系作者获得授权,并标注"简书作者". ...
- Swift按照数组元素出现的次数及大小排序
要求如下: 1.已知一个数组,按照单个元素在数组中出现的次数作为重新排序的依据,个数多的排在前面 2.相同个数时候,元素值大的排前面 例子: [1, 2, 2, 3, 5, 5] 经过计算得到的结果是 ...
- Spark：Spark 编程模型及快速入门
http://blog.csdn.net/pipisorry/article/details/52366356 Spark编程模型 SparkContext类和SparkConf类 代码中初始化 我们 ...
- 剑指Offer——如何做好自我介绍
剑指Offer--如何做好自我介绍 前言 自我特点+经历梳理 各位老师好,我叫某某某,XX人.研究生三年级,就读于某某大学信息科学与工程学院软件工程专业.主要使用的开发语言是Java,熟悉基本数据 ...