jquery-validation 使用
jquery-validation 使用
jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。该插件是由 Jörn Zaefferer 编写和维护的，他是 jQuery 团队的一名成员，是 jQuery UI 团队的主要开发人员，是 QUnit 的维护人员。该插件在 2006 年 jQuery 早期的时候就已经开始出现，并一直更新至今。访问 jQuery Validate 官网，下载最新版的 jQuery Validate 插件。
下载地址：http://xiazai.jb51.net/201612/yuanma/jquery-validation-1.14.0_jb51.rar
一、引入文件：
注：
1、因为 validetion.js 是基于jQuery的插件，所以我们在使用的时候 要象引入jQuery插件 。
2、需要JQuery版本：jQuery, 测试 1.7.2，1.8.3，1.9.1，1.11.1，3.1.1
如下所示：
本地文件引入：
1 <script src="lib/jquery-1.9.1.js"></script> 2 <script src="dist/jquery.validate.min.js"></script>
使用网址引入：
1 <script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script> 2 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.js"></script>
中文插件引入：
1 <!--本地引入--> 2 <script src="src/localization/messages_zh.js"></script> 3 <!--网址引入--> 4 <script src="https://cdn.bootcss.com/jquery-validate/1.17.0/localization/messages_zh.min.js"></script>
二、body>form表单
1 <body> 2 <form id="validetaform" method="get"> 3 <p> 4 <label for="Myname">姓名</label> 5 <input type="text" id="Myname" name="Myname"> 6 </p> 7 <p> 8 <label for="Mypwd">密码</label> 9 <input type="password" id="Mypwd" name="Mypwd"> 10 </p> 11 <p> 12 <label for="Myqpwd">确认密码</label> 13 <input type="password" id="Myqpwd" name="Myqpwd"> 14 </p> 15 <p> 16 <label for="Myem">Email</label> 17 <input type="text" id="Myem" name="Myem"> 18 </p><p> 19 <label for="Myphone">电话</label> 20 <input type="text" id="Myphone" name="Myphone"> 21 </p> 22 <input type="submit" class="submit"> 23 24 </form> 25 </body>
