自己写的一个验证的js
需求是这样的:
2,页面上很多东西要验证,但是一个按钮只触发一部分,大多数的验证脚本都是针对页面或者form的(如果有部分验证的麻烦告知,学习一下)
所以就有了这个。
功能,验证页面上一部分需要验证的输入框的数据的合法性。可以用正则表达式(js中正则表达式来自我佛山人的Validator代码)或者函数。
例子:
代码
$(document).ready(function(){
$.Validator({
data:[{"id":"input1","dataType":'Digit',"nameid":"abc"},
{"id":"input2","dataType":'lessThan8',"nameid":"abc"}
],//[{id,dataType,nameid},{id,dataType,nameid}]
showStyle:"append",//or append,or diverea
btnId:"b",
errorDiv:"",
regs:{}
});
});
$.Validator({
data:[{"id":"input1","dataType":'Digit',"nameid":"abc"},
{"id":"input2","dataType":'lessThan8',"nameid":"abc"}
],//[{id,dataType,nameid},{id,dataType,nameid}]
showStyle:"append",//or append,or diverea
btnId:"b",
errorDiv:"",
regs:{}
});
});
说明:
- data:是对象{id,dataType,nameid}的数组,其中:
- id是要验证的控件的id。
- dataType为控件的数据类型,即正则表达式或者函数的名字。
- nameid为要验证的控件的名称控件的id
- showStyle:为错误显示类型,为alert,append,diverea其中之一,分别用alert,在控件后面附加信息,和在指定的div上显示错误信息。
- btnId:为触发验证的按钮的id
- errorDiv:当showStyle为diverea时,用来显示错误信息的控件的id
- regs:一个包含正则表达式和验证函数的对象。可以在调用的option里扩展regs,也可以在Validator.js中扩展。已经存在的正则表达式可以在js代码中看到(再次感谢我佛山人)。lessthan8是个示例函数,参数str是要验证的控件的value,retStr是要显示的出错信息
菜鸟(不是我名字)作品,欢迎批评,交流。
修改了一次。
nameid用于显示错误信息不够友好,换成errMsg,在页面上配置错误信息。