一个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 运行 ...
随机推荐
- c语言第六次作业v
(一)改错题 序列求和:输入一个正实数eps,计算序列部分和 1 - 1/4 + 1/7 - 1/10 + ... ,精确到最后一项的绝对值小于eps(保留6位小数). 输入输出样例: Input e ...
- Oracle数据库常用命令记录
1.Sql建表 CREATE TABLE AAABBBCCCDDD( ID ) primary key, AAAAAAAA ) not NULL, BBBBBBBB ), CCCCCCCC ), DD ...
- Winform DevExpress控件库（三） 使用NavBarControl控件定制导航栏
NavBarControl控件:主要作用是制作包含多个选项组并且每个组里包含多个子选项的导航栏: 位于 工具箱 -> Navigation & Layout(导航栏与布局类控件) 目录下 ...
- Dynamics CRM2016 在实体命名时需要注意的事项
在使用web api的过程中遇到个很无语的设置,体现在对实体名的设置上,之前看到accounts以为只是在实体名上加个s,也没往深处看,但真正进入项目实施了问题就来了,city直接变成了cities不 ...
- Launcher3 HotSeat显示名称
今天闲的无聊,研究了下launcher代码,看到Hotseat.java的时候,想起来以前有做过显示hotseat中应用名称,因为换了公司代码都没拿出来,就想在试着修改,看了很久发现无从下手,记得ho ...
- Android Multimedia框架总结（二十）MediaCodec状态周期及Codec与输入/输出Buffer过程（附实例）
转载请把头部出处链接和尾部二维码一起转载,本文出自逆流的鱼yuiop:http://blog.csdn.net/hejjunlin/article/details/53183718 前言:前面几节都是 ...
- Python 函数参数传递机制.
learning python,5e中讲到.Python的函数参数传递机制是对象引用. Arguments are passed by assignment (object reference). I ...
- Android下DrawerLayout的使用
Android下DrawerLayout的使用 DrawerLayout见名知意,就是一个具有抽屉效果的布局,看看这个效果图,是不是感觉很炫酷 这么炫的效果其实不一定非要用类似一些SlidingMen ...
- Dynamics CRM2016 Web API之Expand related entities & $ref & $count
本篇介绍两个关于1:N关系中通过主实体取关联子实体的api,这两个api会经常被用到而且比原来的odata方式更加方便,之前如果我们要取主实体下所有的关联实体的记录都是通过Retrieve Multi ...
- Matlab：如何读取CSV文件以及如何读取带有字符串数据项的CSV文件
CSV,逗号分开的文件,如果能快速的读取这些文件中的数据,无疑会帮助我们解决很多问题. 1. 只有数据的CSV文件,CSV file that includes only numbers. As an ...