当前位置: 代码迷 >> JavaScript >> jquery.validate.js 应用示范
  详细解决方案

jquery.validate.js 应用示范

热度:315   发布时间:2013-10-11 14:52:39.0
jquery.validate.js 应用示例

       今天发现了jQuery一个很强大的验证表单插件(jquery.validate.js 下载地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation/),这个插件不仅强悍还是很容易上手,可以参考下面的我的一个小例子。

       

//login 表单效果处理	
		$('#login-form').validate({
                        //设定表单每个元素具体要求
                        rules:{
	   			 email:{required:true,email:true},
	   			 password:{required:true}
	   		 },
                        //自定义错误信息
                         messages:{    
	   			email:{
	   				 required:"email不能为空!",
	   				 email:"email地址不正确!"
	   			 },
	   			password:{
	   				 required:"密码不能为空!"
	   			 },
	   			code:{
	   				 required:"验证码不能为空!"
	   			 }
	   		 },
	   	    errorPlacement:function(error,element){
	   	    	error.appendTo(element.siblings("span"));
	   	    }
	   		 
	   	 });
    	 
		//register 注册表单效果处理
		$('#register-form').validate({
	   		 rules:{
	   			 email:{required:true,	email:true},
	   			 password:{required:true},
	   			 repassword:{required:true,	equalTo: "#reg-password" }  //equalTo 用于密码确认
	   		 },
	   		 messages:{
	   			email:{
	   				 required:"email不能为空!",
	   				 email:"email地址不正确!"
	   			 },
	   			password:{
	   				 required:"密码不能为空!"
	   			 },
	   			repassword:{
	   				required:"确认密码不能为空!",
	   				equalTo:"密码不一致!"
	   			 }
	   		 },
	   	    errorPlacement:function(error,element){
	   	    	error.appendTo(element.siblings("span"));
	   	    }
	   		 
	   	 });

       相关链接:http://ideabean.iteye.com/blog/363927

  相关解决方案