JQuery Validate插件----表单验证工具

  JQuery Validate插件是一个非常简单，但又便捷的插件，可以被用来验证表单数据。

  验证表单数据，一般来说，最直接方式是自己在JS里面写正则表达式之类的东西。但这对对于正则表达式了解得不够多的人来说，是有些复杂了。并且也太浪费时间。

  而Jquery Validate插件，是一个已经被集成好了的插件，就像是HTML使用bootstrap或者layui来替代那些乱七八糟的CSS代码一样，只要按照它的语法书写简单的代码，就可以实现表单验证啦。

  下面讲解一下简单的使用。

  首先，需要从CDN上加载它的库文件，当然，直接下载下来然后从本地引用也是可以的。

<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script><script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>

  这个CDN是来自菜鸟教程的，也可以使用其他源。

  下面是正式的使用，直接附上一段代码。

    <script>    $().ready(function() {    // 在键盘按下并释放及提交后验证提交表单      $("#uform").validate({        rules: {          name: {            required: true,            minlength: 2          },          age:{        required:true,        number:true            },          address:{          required:true          },          pwd: {            required: true,            minlength: 4          },          password_confirm: {            required: true,            minlength: 4,            equalTo: "#pwd"            //equalTo定义了验证前后密码是否一致          }        }               });      });    </script>

  在上面的示例中，$("#uform")中的uform是要进行验证的表单的id，而下面的具体的例如name、age等，对应的是表单中的HTML元素的name，而不是id！在name之后的大括号里面的内容，就是具体的指定HTML元素的属性内容，包括是否必须、数字？、最小长度等等。

  详细的教程可以参照：http://www.runoob.com/jquery/jquery-plugin-validate.html

  此处再附上一个问题：

    在上面的name指定时，如果采用xxx-yyy的方式，就会出现Jquery Validate失效，并且数据绑定容易出现错误的问题，而如果改成xxx_yyy这样的下划线就没问题了。