js表单验证

 最近公司项目中用了一些ajax的应用，其中的有些表单需要验证，周末抽空写了个通用的控件，能实现比较简单的校验，基本能满足公司项目的需求。

 

 

  首先需要jquery支持，  控件支持 integer,float,munber(integer+flaot),empty String 等类型的验证。
  

  表单控件的id和class属性是必须的
  class : validata_integer,validata_float,validata_munber,validata_empty
  id : 自定义(作为错误信息数组的key)
  <input type="text" name="t1" id="t1" class="validata_integer" size="10"/> 
  
  页面存放错误信息标签
  <div id="error"></div>   
 
 

 

  js的调用

 //配置错误输出信息数组,key必须和表单控件的id对应 var errorInfo = new Array(); errorInfo['t1'] = "请填写数字1"; var validata = new Validata();//实例化校验对象 validata.initErrorInfo(errorInfo);//初始化错误信息 validata.check();//执行检查，return boolean

 

目前的该js表单验证控件的功能还比较简单，只能满足简单的验证。

 

源码地址