jQuery验证插件 Validate详解

最常使用JavaScript的场合就是表单的验证，而jQuery作为一个优秀的JavaScript库，也提供了一个优秀的表单验证插件----Validation。Validation是历史最悠久的jQuery插件之一，经过了全球范围内不同项目的验证，并得到了许多Web开发者的好评。作为一个标准的验证方法库，Validation拥有如下特点：

1.内置验证规则： 拥有必填、数字、Email、URL和信用卡号码等19类内置验证规则 2.自定义验证规则： 可以很方便地自定义验证规则 3.简单强大的验证信息提示： 默认了验证信息提示，并提供自定义覆盖默认的提示信息的功能 4.实时验证： 可能通过keyup或blur事件触发验证，而不仅仅在表单提交的时候验证

validate.js下载地址： metadata.js下载地址： 使用方法： 1.引入jQuery库和Validation插件

代码如下:

3.针对不同的字段，进行验证规则编码，设置字段相应的属性

代码如下:

需要引入的js

代码如下:

一个简单的validate验证带验证提示的评论例子

*

*

*

首先看默认设置的规格

required表示必须填写的 email表示必须正确的邮箱 把验证的规格写在HTML内的class内，方法欠妥，后期的维护增加成本，没有实现行为与结构的分离 所以，可以想把HTML内的class都清空，如下: 代码如下: 一个简单的validate验证带验证提示的评论例子 * * * js 代码如下: ", comment:"required", valcode: { formula: "7+9" } } }); }); 因为默认的提示是英文的，可以改写成 代码如下: 建议新建一个js,放到validate.js 下面. 关于提示的美化 代码如下: 　　创建一个标签，可以自定义 代码如下: 这里的参数label是指向创建的标签，这里也就是”em“ 然后情况自己的内容，在加上自己的class就可以了 完整的js 代码如下: 相对应的css 代码如下: .success放到.error下面。。。唔唔。。具体的情况。。只可体会不可言会。。唔。。 在做项目的过程中千变万化，有时候要满足不同的需求，validate也可以单独的修改验证的信息。。 例如： 代码如下: 完整的js 代码如下: 这里就可以啦。 关于自定义验证规则 增加一段HTML代码 代码如下: =7+9 自定一个规则 代码如下: formula是需要验证方法的名字 好比如required 必须的。 value返回的当前input的value值 param返回的是当前自定义的验证格式 好比如：7+9 在试用了eval方法 让字符串相加 完整的js 代码如下: 额。。没了 学的不深，这是基础的一部分。。还会继续深入学习去。掰掰( ^_^ )/~~拜拜 相关文章 jquery页面搜索关键词突出显示 页面搜索关键词突出 // 页面搜索关键词突出 $(function () {... jQuery实时显示日期、时间 jQuery实时显示日期、时间 html: <span id=&quot... jQuery 添加水印 jQuery 添加水印 <script src="../../../..... Sys.WebForms.PageRequestManagerParserErrorException:无法分析从服务器收到的消息 中文：Sys.WebForms.PageRequestManagerParserErrorExceptio... Asp.net 后台调用js方法 1. 用Response.Write方法 代码如下： Response.Write(&q... Jquery实现按钮点击遮罩加载，处理完后恢复 Jquery实现按钮点击遮罩加载，处理完后恢复 思路： 1.点击按... Copyright © 2018 编程之家. 当前版本 V7.0.16 编程之家 版权所有 闽ICP备13020303号-8