经常在项目中需要验证表单中的控件必填和数字等,因此我写了个基于jquery的验证插件。
效果如下:
在线测试地址:
参数说明:
以下是这个插件提供的参数及其默认值:
required: false,//是否是必填项
formId: "form1",//表单ID buttonId: "",//按钮ID requiredText: "必填",//必填项提示文本 errorText: "内容不符合要求",//验证提示文本 isGreaterThanZero: false,//是否大于零 isGreaterThanEqualToZero: false,//是否大于等于零 isInteger: false,//是否整数 isNumber: false,//是否数字 regular: ''//正则表达式
用法示例:
1.$("#txtName,#txtNumber").validator({required:true});
2.$('#txtNumber').validator({isNumber:true,errorText:'请输入数字'});
3.$('#txtAge').validator({isInteger:true,isGreaterThanZero:true,errorText:'请输入正整数'});
4.$('#txtGF').validator({isInteger:true,isGreaterThanEqualToZero:true,errorText:'请输入0或正整数'});
5.$('#txtRegular').validator({regular:/^\d$/,errorText:'请输入0~9之间的整数'});
如需特别指定仅仅是某个按钮才会触发验证,可制定buttonId属性:
$("#txtName,#txtNumber").validator({required:true,buttonId:'btnSubmit'});
这样,只有btnSubmit才会触发验证。
这是第一个版本,欢迎大家拍砖!