发布jQuery表单验证插件 JQuery.validator.js

经常在项目中需要验证表单中的控件必填和数字等,因此我写了个基于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才会触发验证。

这是第一个版本,欢迎大家拍砖!

原文地址:https://www.cnblogs.com/caiwujia/p/jquery_validatory.html