jquery validate和validform验证插件的对比
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
此文在jquery的验证插件（下文以jquery代替）和validform验证插件之间作如下对比：
1、样式
2、普通验证：
3、自定义验证：
4、Ajax验证：
一、样式
1、Jquery（可自定义提示信息样式，下图摘自官方文档）：
2、Validform（提供七种内置方案并支持自定义，以下为七种内置的较常用的三种）：
二、普通验证
1、Jquery：
Jquery支持两种方式验证：1、直接将规则绑定到元素上。2、将规则写在初始化js 中
1、直接将规则绑定到元素上。
2、将规则下载初始化js中
$().ready(function() {
$("#signupForm").validate({
rules: {
firstname: "required",
email: {
required: true,
email: true
},
password: {
required: true,
minlength: 5
},
confirm_password: {
required: true,
minlength: 5,
equalTo: "#password"
}
},
messages: {
firstname: "请输入姓名",
email: {
required: "请输入Email地址",
email: "请输入正确的email地址"
},
password: {
required: "请输入密码",
minlength: jQuery.format("密码不能小于{0}个字符")
},
confirm_password: {
required: "请输入确认密码",
minlength: "确认密码不能小于5个字符",
equalTo: "两次输入密码不一致不一致"
}
}
});
});
2、Validform：
Validform也支持两种：1、直接将规则绑定到元素上。2、将规则写在初始化js中
1、直接将规则绑定到元素上