jQuery Validation的使用详解


本文摘自PHP中文网,作者PHP中文网,侵删。

jQuery验证框架 :

基本html代码:

1

2

1   <script src="js/jquery-1.9.1.js"></script> 2     <script src="js/jquery.validate.min.js"></script> 3     <script> 4         $(function () { 5             $('#myForm').validate({ 6  7                 rules: { 8                     //    用户名 9                     username: {  //指的是input中的name10                         required: true,11                         rangelength: [6, 11]12                     },13                     //   密码14                     password: {15                         required: true,16                         rangelength: [11, 12]17                     },18                 },19           20                 messages: {21                     //   用户名22                     username: {23                         required: '此项必填',24                         rangelength: '用户名长度为6-11位'25                     },26                     //   密码27                     password: {28                         required: '此项必填',29                         rangelength: '用户名长度为11-12位'30                     },           

31                 },32                 // 校验全部通过33                 submitHandler: function () {34                     alert("校验全部通过!")35                 },36                37             })38         })39   </script>40 41 42 html:43     <form action="" id="myForm">44     <!--用户名-->45     <p>46         <label for="user">username:</label>47         <input type="text" name="username" id="user"/>48     </p>49     <!--密码-->50     <p>51         <label for="pass">password:</label>52         <input type="text" name="password" id="pass"/>53     </p>54     <!--提交-->55     <p><input type="submit" value="提交"/></p>56   </form>

从以上代码中我来说说jQuery Validation的使用。

阅读剩余部分

相关阅读 >>

css里form用法是什么

怎样用image来提交form

插入表单时怎样处理form上下空出一行

html form标签name属性怎么用?form标签的name属性详解

如何在javascript中获取表单元素

网页中回车后form自动提交跳转到其他页面应该如何解决

html form标签的action属性是什么意思?又有哪些用法?(附实例)

不知道html5 hidden属性怎么用?那就看看表单hidden属性的用法

html的form内部标签应该如何使用

html表单边框怎么加颜色?html form标签的边框颜色实例

更多相关阅读请进入《jQuery.validate》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...