如何使用jQuery验证插件validate的详细说明

1.写在前面。

我们知道，用户注册时，会有一个表单页面，然后需要一些选项，一些需要填写的内容是标准化的，在用户提交之前必须进行验证。如果不满足要求，应在右侧显示友好的提示，供用户修改。记得在学习Servlet的时候，一个简单的用户注册函数的验证都是在后台完成的，有些使用正则表达式，有些没用，但是都比较简单。流程如下：前台提交表单数据后，servlet获取数据，先进行验证。如果不符合要求，它会将提示信息放在一个List中，然后将List保存在会话中，跳转到一个新页面进行回显，并显示错误信息，但这相当麻烦。在之前的网购商城项目中，当EasyUI作为后台产品添加时，也做了验证功能。易用户自带验证功能，还是很强大的，效果不错。如果你感兴趣，请看看这篇文章。但是我们应该在前台用户注册的页面上做什么呢？这是本文的主要内容。我们可以使用jQuery的Validate插件来完成注册验证功能。我没有系统的学习jQuery，只是学习我用的东西，知道我用的是什么，所以如果有错误，请留言指正~接下来，我将通过代码一步步介绍使用jQuery-Validate插件的步骤。

2.效果显示。

首先看最终效果。第一，有直观感受。我个人感觉还可以~可以接受。

从图中可以看出，输入前提示、输入正确错误提示等功能已经完成。再看看我的项目：

一共6个jsp文件，之所以写出来，就是为了一步步讲解做这个效果的步骤。最后，terminal.jsp是最终版本。跑步时，你只需要跑这个terminal.jsp。我将详细分析用jQurey-Validate验证插件的过程。

3.建立验证环境。

构建环境，jar包必不可少。我使用了jQuery-validate-1.15。官方给出了jQuery的几个版本。我下载了jQuery-1.11.1。所以把这两个js文件放在项目中的WebRoot/js中，然后导入到jsp页面中。

Demo1.jsp很简单。只是为了营造环境。如果单击“提交”，您将不会跳转到指定的页面，这表明环境已成功构建。

4.验证的基本方法的使用。

好了，环境搭建成功了。接下来，我们开始使用验证的基本方法。这里，我们还需要导入一个js文件：additional-methods.js .新版本的jQuery-validate-1.15没有验证文件的后缀。后来在官网查了一下，官网说是在additional-methods.js里面，于是就去下一个放在项目里面。看看demo 2 . JSP:% @ page language=' Java ' import=' Java . util . * ' page coding=' utf-8 ' %。

！doctype html public '-//W3C//dtd html 4.01 transitional//en ' html head title jquery validate validate/title script type=' text/JavaScript ' src=' http 3360 js/jquery-1 . 11 . 1 . js '/script script type=' text/JavaScript ' src=' http : js/jquery . validate . js '/script script type=' text/JavaScript ' src=' http 33600validate({ debug 3360 true，//调试模式，即使验证成功，也不会跳转到目标页面规则：{ //来配置验证规则。key是要验证的dom对象，value是调用验证的方法(也是json格式)。sname 3360 { required d 3360 true。//必选。如果身份验证方法不需要参数，则配置为真实范围长度： [6，12]}，spasss3360 {必需： True，范围长度： [6，12]}，spas。