今天发现了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