当前位置: 代码迷 >> Web前端 >> jquery validate证验
  详细解决方案

jquery validate证验

热度:290   发布时间:2012-11-26 11:48:49.0
jquery validate验证

这两天做了个注册页面的验证,但我对页面的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>
	


 

  相关解决方案