这两天做了个注册页面的验证,但我对页面的div+css和jquery的撑握的不是很好,所以多花了点时间.
验证代码如下:
<script type="text/javascript" src="<%=path %>/js/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="<%=path %>/js/jquery.validate.js" charset="utf-8"></script> <script type="text/javascript"> function checkName(){ //服务器使用文本的方式响应 $.ajax({ //请求的类型,有GET或者POST type:"POST", //请求的url url:"registerAction!register.action?ajaxUrl=1&username="+$("#name").val(), //向服务发送数据 data:"ajaxUrl=1&username="+$("#name").val(), //服务器响应客户端的输出类型,text,html,xml,json dataType:"text", //服务器成功响应客户端时的回调方法 success:function(msg){ $("#namespan").html(msg); } }); } $(function(){ $("#userRegister").validate({ /*errorLabelContainer: "#messageBox", //显示错误信息的容器ID wrapper: "li", //包含每个错误信息的容器*/ rules:{ username:{ required: true }, password:{ required: true, minlength: 6 }, confirm_pwd:{ required: true, equalTo: "#password" }, realname:{ required: true, minlength: 2, maxlength: 6 }, phone:{ required:true, maxlength:11, minlength:11 }, address: { required: true } , post:{ required:false, maxlength:6, minlength:6 }, email:{ required:false, email:true }, qq:{ required:false, digits: true } // , // checkCode:{ // required:true, // digits: true // } // , // f2sfzh:{ // /*digits: true, // rangelength: [18,20]*/ // required: true, // isIdCardNo: true // },f2csrq:{ // required: true, // date: true // } }, messages:{ username:{ required: "*请输入账号" }, password:{ required: "*请输入密码", minlength: "*字符长度不能小于6个字符" }, confirm_pwd:{ required: "*请再次输入密码", equalTo: "*密码不一致" }, realname:{ required: "*姓名不能为空", minlength: "*字符长度不能小于2个字符", maxlength: "*字符长度不能大于5个字符" }, phone:{ required:"*电话号码不能为空", maxlength:"*电话号码不能超过11位", minlength:"*电话号码格不正确" }, address: { required: "*请输入地址" } , post:{ //required:"邮编不能为空", maxlength:"*邮编只能为6位数", minlength:"*邮编只能为6位数" }, email:{ //required:"邮箱不能为空" email:"*请输入正确的电子邮件,如:123456@136.com" }, qq:{ //required:"qq不能为空", digits:"*qq号码只能为数字" } // , // checkCode:{ // required:"验证码不能为空" // } // , // f2sfzh:{ // /*digits: "身份证号码只能为数字", // rangelength: "身份号码长度为18~20个字符"*/ // required: "请输入身份证号", // isIdCardNo: "身份证号不正确" // },f2csrq:{ // required: "请输入出生日期", // date: "日期格式不正确(例:2009/04/07)" // }, } }); }); </script>