自己写的一个验证的js

需求是这样的:
1,验证
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:{}
        });
    });

说明:

  • data:是对象{id,dataType,nameid}的数组,其中:
  1.         id是要验证的控件的id。
  2.         dataType为控件的数据类型,即正则表达式或者函数的名字。
  3.         nameid为要验证的控件的名称控件的id
  •     showStyle:为错误显示类型,为alert,append,diverea其中之一,分别用alert,在控件后面附加信息,和在指定的div上显示错误信息。
  •     btnId:为触发验证的按钮的id
  •     errorDiv:当showStyle为diverea时,用来显示错误信息的控件的id
  •     regs:一个包含正则表达式和验证函数的对象。可以在调用的option里扩展regs,也可以在Validator.js中扩展。已经存在的正则表达式可以在js代码中看到(再次感谢我佛山人)。lessthan8是个示例函数,参数str是要验证的控件的value,retStr是要显示的出错信息

菜鸟(不是我名字)作品,欢迎批评,交流。

摸我下载demo 

修改了一次。

 nameid用于显示错误信息不够友好,换成errMsg,在页面上配置错误信息。 

摸我下载第二版 

posted @ 2010-01-29 14:30  1gehunzi  阅读(338)  评论(0编辑  收藏  举报