`
QYao2012
  • 浏览: 5983 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
社区版块
存档分类
最新评论

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方式

字段样式title方式


字段尾部信息提示 方式

字段下方信息提示 方式

 

信息集中提示 方式


API查看          API下载

demo查看       demo下载

所有资料下载

 

官网地址:www.marsclan.org

 

 

  • 大小: 12.3 KB
  • 大小: 10.6 KB
  • 大小: 24.6 KB
  • 大小: 11.1 KB
  • 大小: 12.3 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics