表单验证
使用方法:
第一步:在页底引入js
http://st.beisen.com/common/validor.js(基于jquery的组件,因此保证已经引入了jquery库文件
第二步:提交验证
$("#form_v").validate(); (form_v为form的id)
第三步:验证规则对接方式
以class形式与input等项对应关联,
1:<input type="text" class="text required"/>为验证必填
2:class="text {required:true,minlength:5,equalTo:'#email',accept:'com'}"
必填,最小长度为5,值必须以id为email的对象value值一致,必须以com结尾
第三步:验证项说明
required: "必填",
remote: "修正验证,一般值为一个link,比如一个验证用户名唯一的ajax页面",
email: "邮箱格式",
url: "网址格式",
number: "数字格式",
digits: "整数格式",
accept: "拥有合法后缀名的字符串",
equalTo: "相同值验证,用于验证密码",
maxlength: "字符串长度上限",
minlength: "字符串长度下限",
rangelength: "字符串长度区间",
range: "字符串大小上限",
specialchar: "不能输入特殊字符",(new)
max: "字符串最大值",
min: "字符串最小值",
第四步:扩展方式
jQuery.validator.addMethod("isZipCode", function(value, element) {
var tel = /^[0-9]{6}$/;
return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");
在对应的input上的class里添加isZipCode即可
第五步:修改默认提示信息
{messages:{remote:'用户名已存在'}}
可以设置不同验证下同一输入框的反馈信息
特殊说明:remote
remote值为一个程序验证页面,只需返回ture或false即可,下面例子中请输入admin1验证