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>