欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  资讯频道

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

程序员文章站 2022-04-18 17:52:57
...
common-validator.js 是一个Web前端通用验证器。此次发布的2.0版本在1.0的基础架构上做了全新的调整,希望能通过这个JS验证器小组件为我们码农们提供微小的帮助。

该版本的主要新特性包括:

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

Validator validator = new Validator();

validator.addNotEmpty("name");
validator.addNotBlank({id: "name", title: "姓名"});


方式二、通过form表单自动生成验证器对象,并生成验证规则

var fromValidator = Validator.newFormValidator("frmSave");

<form id="frmSave" name="frmSave" ...>
<label id="name_title">姓名</label >
<input type="text" id="name" name="name" validate="{notEmpty: true}" value="" />
...
</form>

支持多种异常信息显示方式:

1.  alert方式

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


2.  字段样式title方式

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


3.  字段尾部信息提示方式

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


4.  字段下方信息提示方式

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


5.  信息集中提示方式

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


相关资源:

官网地址:www.marsclan.org