jquery validate验证

来源:互联网 发布:win7服务优化批处理 编辑:程序博客网 时间:2024/06/07 17:06

这两天做了个注册页面的验证,但我对页面的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",//显示错误信息的容器IDwrapper: "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>