您的位置:首页 > Web前端 > JQuery

jquery.validate.js 应用示例

2013-10-11 16:34 441 查看
今天发现了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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: