jQuery Validate初步体验(一)(jquery validation)

编辑：rootadmin

推荐整理分享jQuery Validate初步体验(一)(jquery validation)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery中validate,jquery validator,jquery valid(),jquery-validation,jquery valid(),jquery-validation,jquery中validate,jquery validation,内容如对您有帮助，希望把文章链接给更多的朋友！

jQuery 是一个快速、简单的JavaScript library，它简化了HTML 文件的traversing，事件处理、动画、Ajax 互动，从而方便了网页制作的快速发展。 jQuery 是为改变你编写JavaScript 的方式而设计的。

jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单。

但是在学习的过程中，我也遇到了疑惑，网上的很多例子貌似都是依赖jquery.metadata.js这个库，然后在标签里写成class=”required remote” 这样的形式，class本身是呈现样式的，现在被附上各种校验的规则，看上去有些乱。那如果不依赖jquery.metadata.js，又该怎么写。

1、只引入jquery.js(具体版本自己选择)和jquery.validate.js

事实证明，只引入上面的两个JS文件也能完成简单的表单验证。

jQuery Validate初步体验(一)(jquery validation)

2、不过由于默认的提示信息是英文的，为了能有一个友好的提示，所以，接下来要做的就是让提示信息显示成中文了。

方法一、通过javascript自定义提示信息。

首先这里有一个方法调用： $("#registerForm").validate([options]) ，这是用来验证选择的表单，方法的参数是可选项，可以输入0个或者多个键值对(key/value)，这个方法是为了处理例如：submit , focus , keyup , blur, click 触发验证的，对象是整个表单的元素，或者是单个元素，使用 rules 和 messages 定义验证的元素，使用errorClass, errorElement, wrapper, errorLabelContainer, errorContainer, showErrors, success, errorPlacement, highlight, unhighlight, ignoreTitle去控制非法元素的错误信息显示。其中rules里也可以输入0个或者多个键值对，他的key对应的是元素的name属性值，例如username，confirmpassword等等。而他的value里则是一些验证规则。messages同rules一样可以输入0个或者多个键值对，他的key也是对应的元素的name属性值，而他的value里则是验证错误的提示信息。简而言之，rules{}中定义验证规则的方法。 messages{}中定义错误输出。

上面有一点需要注意的就是 equalTo:"#cpassword"，这个键值对里的value是元素的ID值(如果注意到#号就应该能察觉到)。

通过上面的写法，你就可以自定义提示信息了。或许你会有疑问了，难道我每次验证表单的时候都要重新自定义提示信息吗？当然不是了，你还可以Ctrl C+Ctrl V。这当然是玩笑话。。。不过，接下来的方法二会解决你的疑问。

方法二、自定义一份提示信息，然后保存成JS文件。把他作为模板，然后在需要的页面直接引入就行。我是从网上下载了一份。

页面的代码和JV1.HTML几乎是一模一样，只是多引入了一份JS文件。

方法一和方法二并不互斥，两种方法是可以结合使用的。你可以先用方法二保存一份比较通用的模板，然后再用方法一去按具体情况来自定义提示。