资讯频道 → Web前端
阅读更多

18顶
1踩

Web前端

原创新闻 common-validator.js 2.0 发布，Web前端通用验证器

2012-08-10 16:18 by 见习记者 QYao2012 评论(23) 有12325人浏览
javascript common-validator 验证器

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

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



2.  字段样式title方式



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



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



5.  信息集中提示方式



相关资源：

官网地址：www.marsclan.org

18
顶
1
踩
评论 共 23 条 请登录后发表评论
3 楼 smartdot 2012-08-10 17:30
这个支持Ajax验证吗？
2 楼 coolhorse168 2012-08-10 17:13
不错，貌似是个好东西
1 楼 liangyue1990 2012-08-10 17:11
沙发

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • web前段通用验证器common-validator-2.0.js

    此为2.0版本，是在1.0基础架构上做了全新的调整， 希望能通过这个JS验证器小组件为我们码农们提供微小的帮助。 1、启用创建Validator方式，不再使用旧的静态方式。 2、加入多模式验证规则。既支持添加模式，也支持...

  • 通用验证器common-validator-2.1.js发布

     V2.1在V2.0的技术上做了部分参数的优化，并修正了部分bug。修改记录：  1、优化长度验证的参数，将minLength修改为min，maxLength修改为max，并向前支持（原参数依然保留）。   //以前需要这样：...

  • 谷粒商城-10-p193-p247

    193、商城业务-异步-异步复习 线程基础百度吧 ... 线程回顾 初始化线程的4种方式： 1、继承Thread 2、实现Runnable接口 3、实现Callable接口 + FutureTask （可以拿到返回结果，可以处理异常） 4、线程池 ...

  • javaScript开源大全

    javascript开源大全 转自：http://www.cnblogs.com/yiliweichinasoft/p/3819699.html javascript开源大全 Ajax框架-jQuery 可视化HTML编辑器-CKEditor 国产jQuery-UI框架-(jUI)-DWZ 网页开发...

  • javascript开源大全

    javascript开源大全 Ajax框架-jQuery 可视化HTML编辑器-CKEditor ...服务器端的JavaScript脚本-Node.js jQuery图表插件-jQchart HTML5-开发框架-jQuery-Mobile 跨浏览器的RIA框架-ExtJ...

  • vue.js 2.x教程

    // 用 webpack 1 时需用 'vue/dist/vue.common.js' } } } Rollup const alias = require ( 'rollup-plugin-alias' ) rollup({ // ... plugins: [ alias({ 'vue' : 'vue/dist/vue.esm.js' })...

  • web前端面经

    requireJS的核心原理 require.js 的核心原理是通过动态创建 script 脚本来异步引入模块，然后对每个脚本的 load 事件进行监听，如果每个脚本都加载完成了，再调用回调函数 js的原理(运行机制) 首先js是单线程运行的...

  • 软件技术栈导航(20221231)

    记录：367 场景：软件开发技术栈导航，从技术的简要描述、官网地址、源码地址、下载地址、技术文档等维度归类和聚合。包括操作系统、云原生、大数据、微服务、网络通信、数据库、后端应用、前端应用、开发工具等。

  • GitHub 优秀的 Android 开源项目

    Google plus、Google Now卡片式进入、小米系统中应用商店、联系人、游戏中心、音乐、文件管理器的ListView、Ultimate、Light Flow Lite、TreinVerkeer、Running Coach、Pearl Jam Lyrics、Calorie Chart、Car Hire、...

  • 一套史诗级版vue详解!

    自从Vue 2.0 发布之后，Vue 就成了前端领域的热门话题。 2019.02.05，Vue 发布了 2.6.0 ，这是一个承前启后的版本，在它之后，将推出 3.0.0。 2019.12.05，在万众期待中，尤雨溪公布了 Vue 3 源代码，目前 Vue 3 ...

  • mall项目是一套电商系统，包括前台商城系统及后台管理系统，基于SpringBoot+MyBatis实现。

    ├── mall-common -- 工具类及通用代码 ├── mall-mbg -- MyBatisGenerator生成的数据库操作代码 ├── mall-admin -- 后台商城管理系统接口 ├── mall-search -- 基于Elasticsearch的商品搜索系统 ├── ...

  • 网络编程资源大集合(包含前端、java、linux、安卓、github开源项目、开发工具等)

    以下内容来自转载（非常感谢此文第一作者）： 1.安卓各组件介绍 ...APP示例：Google plus、Google Now卡片式进入、小米系统中应用商店、联系人、游戏中心、音乐、文件管理器的ListView、Ultimate、Light...

  • 优秀的 Node.js 包汇总

    优秀的 Node.js 包汇总

  • springboot---检验请求参数

    其中最常见的就是定制检验代码和通用标准的校验逻辑，前者是利用大量的if/else语句，后者指的就是基于JSR303的Java Bean Validation，其中官方指定的具体实现就是 Hibernate Validator，在Web项目中结合Spring可以...

  • Java通用权限管理系统第一天

    品达通用权限系统 1. 项目概述 1.1 项目介绍 对于企业中的项目绝大多数都需要进行用户权限管理、认证、鉴权、加密、解密、XSS防跨站攻击等。这些功能整体实现思路基本一致，但是大部分项目都需要实现一次，这无形中...

  • Spring Boot参考指南

    使用Gradle将工件发布到Maven存储库 67.9.1。 配置Gradle生成继承依赖管理的pom 67.9.2。 配置Gradle生成一个导入依赖管理的pom 68. Spring Boot AntLib模块 68.1。 Spring Boot Ant任务 68.1.1。 春季启动：exejar ...

  • java 题集(二)-i'm thinking...-iteye技术网站

    　Web方面 1、jsp和servlet有什么区别？ 　a:servlet是在java代码里面放html,jsp是在html里面放java代码(最后运行的时候服务器会把JSP解析成servlet) 　b:servlet是一个java类，有自己的映射,而jsp不是 　2、....

  • SpringBoot 3 SpringBoot+VUE案例

    3 SpringBoot+VUE案例开发 经过对SpringBoot及VUE的学习，我们已经对他们的开发流程有了一定的了解，我们将这两个框架进行整合，并实现一...从架构图中可以看到前端UI采用VUE框架开发， vue框架整合了mock、validat...

  • Springboot+Activiti6+在线流程编辑器整合

    ①、3个java文件上加上@RequestMapping注解，并指定值，如图： ②、修改app-cfg.js ③、修改StencilsetRestResource.java,将对应的stencilset.json文件所在路径完整对应，如图： 至此相关整合已全部完成，接下来...

  • spring 异步编程样例

    spring 异步编程样例

Global site tag (gtag.js) - Google Analytics