Web前台通用验证器common-validator-2.0.js发布

 

2.0是在1.0基础架构上做了全新的调整, 希望能通过这个JS验证器小组件为我们码农们提供微小的帮助。

      1、启用创建Validator方式,不再使用旧的静态方式。
      2、加入多模式验证规则。既支持添加模式,也支持FORM表单模式,还支持两种模式共存。
      3、简化添加模式,以简化开发和节省代码。
      4、加入子验证嵌套模式模式。
      5、支持多风格错误信息提示。
      6、去掉批量删除同类验证模式。
      ...


方式一、创建验证器对象
Validator validator = new Validator();
        
validator.addNotEmpty("name");
validator.addNotBlank({id: "name", title: "姓名"});

方式二、通过form表单自动生成验证器对象,并生成验证规则
var fromValidator = Validator.newFormValidator("frmSave");

 

html代码:

<form id="frmSave" name="frmSave" ...>

   <label id="name_title">姓名</label >

   <input type="text" id="name" name="name" validate="{notEmpty: true}" value="" />

   ...

</form>



支持多种异常信息显示方式
alert方式
Web前台通用验证器common-validator-2.0.js发布_第1张图片
字段样式title方式

Web前台通用验证器common-validator-2.0.js发布_第2张图片


字段尾部信息提示 方式
Web前台通用验证器common-validator-2.0.js发布_第3张图片

字段下方信息提示 方式

Web前台通用验证器common-validator-2.0.js发布_第4张图片

 

信息集中提示 方式

Web前台通用验证器common-validator-2.0.js发布_第5张图片


API查看          API下载

demo查看       demo下载

所有资料下载

 

官网地址:www.marsclan.org

 

 

你可能感兴趣的:(Validator)