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

上一篇:6.1通量和散度


下一篇:PermGen space Eclipse 终极解决方案