JSValidation是国人开发的客户端表单验证框架,用在BS系统中,或者简单的网页系统中。表单验证在这些开发中很常见:新用户注册,需要校验某些字段;用户登陆,需要校验;等等。在这之前,页面开发者(JavaScript开发者)需要编写大量的JavaScript来与表单对象交互,并进行校验。常见的校验如不能为空,必须满足长度要求,必须为数字,必须为Email等等。根据一般的经验,如果表单中需要校验的域个数超过10个,开发过程就显得枯燥无味——多段重复的代码不断重复,如果要求跨浏览器,更多的考虑因素使人头疼不已。往往这个页面的验证还不能用于那个验证……虽然逻辑基本相同;但是在大多数情况下,出于种种原因,开发者宁愿(或者没办法)重新编写另一个页面的JavaScript代码。
JSValidation致力于改善这一过程。它将常见的校验(目前支持13种)封装起来,并创造性的采用xml来存贮表单验证信息,使得表单的验证成为整个项目中最不重要的环节,开发者只需要定义几个xml标记,就可以创建出复杂的验证策略,而不用编写一行JavaScript代码。由于采用xml集中管理表单验证,使得表单验证在整个系统中的耦合度大大降低,并且易维护性大大提高。开发者更多的精力可以投入到业务相关的代码中。
恰恰相反,JSValidation内部结构虽然不太简单(对用户而言),但是调用方式却极其简单,配置好环境后,只需要在需要验证的表单的HTML标记中加上onsubmit="return doValidate('formId')"即可。这并没有改变开发者的习惯。
更为明显的优势是,JSValidation具备跨浏览器的能力。在目前的测试环境下,支持IE5及以上版本,Mozilla系列和支持DOM2模型的其他浏览器。你不用再考虑在多浏览器下如何兼容,JSValidation帮你做到了这些。
JSValidation支持的13种验证
name |
描述 |
参数含义 |
required |
必须,代表这个域不能为空 |
无参数 |
integer: |
没有或者必须为整数 |
无参数 |
double: |
允许为空或者必须为double数 |
无参数 |
commonChar |
普通英文字符:字母数字和下划线 |
无参数 |
chineseChar: |
中文字符 |
无参数 |
minLength: |
最小长度, |
param0为最小长度数值 |
maxLength: |
最大长度, |
param0为最大长度数值 |
email: |
必须为Email格式 |
无参数 |
date: |
必须为日期格式, |
param0必须为yyyy-mm-dd,或者三个占位符的任意排列顺序。连接字符任意如dd/mm/yyyy |
mask: |
允许自定义正则表达式来进行校验 |
param0为表达式字符串 |
integerRange: |
整数范围必须在参数0和参数1之间。 |
param0和param1必须能被转化成整数 |
doubleRange: |
double数的范围必须在参数0和参数1之间 |
参数0和参数1必须能被转化成Float。 |
equalsField: |
必须与某一个域的值相等 |
param0:同一个表单中域的名称。例如用来校验密码 |
分享到:
相关推荐
简便的XML配置,易于扩充的验证方式(目前支持13种验证,囊括了大部分常用表单验证),使得JSValidation成为验证框架的首选。 1. JSValidation是什么? 如首页所说,JSValidation是客户端表单验证框架,用在...
通过封装常见的验证规则(目前支持13种),JSValidation使用XML来存储表单验证信息,从而降低了代码耦合度,提高了维护性。开发者无需编写JavaScript,只需在HTML表单中添加`onsubmit="return doValidate('formId')...
1. **多样化验证规则**:JSValidation支持多种常见的验证规则,如非空、长度限制、邮箱格式、手机号码、日期范围等。开发者可以通过简单的配置,快速设置这些规则。 2. **自定义验证规则**:除了内置的验证规则外,...
JSValidation 支持多种验证类型,包括但不限于非空验证、整数验证、双精度数验证、英文字符验证、中文字符验证、最小长度和最大长度限制、Email格式验证、日期格式验证、自定义正则表达式验证、整数范围验证和双精...
1. **异步验证**:JSValidation支持异步验证,比如验证用户名是否已存在,可以设置一个回调函数来处理服务器的响应。 2. **分组验证**:可以对表单中的多个字段进行分组验证,只有当整个组的字段都满足条件时才通过...
4. **多语言支持**:jsvalidation支持多种语言,可以轻松地切换不同的语言环境,适应国际化的需求。 5. **与各种库和框架的集成**:虽然jsvalidation本身是一个独立的验证工具,但它可以与诸如jQuery、AngularJS、...
JSValidation是一款基于JavaScript的表单验证框架,它简化了网页表单验证的过程,提供了一种高效、可定制的方式来确保用户输入的数据符合预期的格式。在本文中,我们将深入探讨JSValidation的基本用法、核心功能、...
JSValidation是强大灵活的客户端验证框架。在应用服务器或者开发框架不提供验证的情况下...简便的XML配置,易于扩充的验证方式(目前支持13种验证,囊括了大部分常用表单验证),使得JSValidation成为验证框架的首选。
JSValidation提供了以下13种常见的验证类型: 1. **取值非空**:检查字段是否为空。 2. **必须为整数**:验证字段是否为整数。 3. **必须为双精度数**:验证字段是否为双精度浮点数。 4. **必须为普通英文字符...
对于需要服务器验证的场景,JSValidation支持异步验证。定义一个异步规则,返回Promise: ```javascript JSValidator.extend('asyncRule', function(value, callback) { fetch('/api/validate/' + value) .then...
简便的XML配置,易于扩充的验证方式(目前支持13种验证,囊括了大部分常用表单验证),使得JSValidation成为验证框架的首选。 1. JSValidation是什么? 如首页所说,JSValidation是客户端表单验证框架,用在...
- **灵活性**:支持多种验证规则,如非空、长度限制、电子邮件格式、手机号码格式等,并且可以自定义验证规则。 - **与服务器端框架集成**:JSValidation与常见的Java后端框架如Spring MVC、Struts2等有良好的集成,...
它将常见的校验(目前支持13种)封装起来,并创造性的采用xml来存贮表单验证信息,使得表单的验证成为整个项目中最不重要的环节,开发者只需要定义几个xml标记,就可以创建出复杂的验证策略,而不用编写一行...
它将常见的校验(目前支持13种)封装起来,并创造性的采用xml来存贮表单验证信息,使得表单的验证成为整个项目中最不重要的环节,开发者只需要定义几个xml标记,就可以创建出复杂的验证策略,而不用编写一行...
4. **多语言支持**:为了适应不同地区的用户,JSValidation支持多语言,可以轻松切换不同的语言环境。 5. **与库和框架的兼容性**:该框架与许多流行的前端库和框架,如jQuery、AngularJS、Vue.js等,有很好的兼容...
jsvalidation是一个用于前端数据验证的JavaScript框架,它提供了一种方便的方式来验证用户输入,确保数据的准确性和完整性。这个框架基于XML配置文件,允许开发者自定义验证规则,提供了多种预定义的验证条件。下面...
总的来说,`laravel-jsvalidation`提供了一种优雅的方式,使你在保持Laravel强大的验证能力的同时,实现客户端的实时表单验证。这不仅可以提高用户体验,也能有效地减少服务器负载,因为它允许前端在提交之前就捕获...
JSValidation是一款专为JavaScript设计的轻量级验证框架,它极大地简化了在前端进行表单验证的复杂性。该框架的主要目标是帮助开发者在创建登录、注册或其他需要用户输入数据的页面时,能快速、有效地实现数据验证。...