jQuery Validate设置onkeyup验证
2016-12-09 10:06
357 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="//static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script> <script src="//static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script> <script src="//static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script> <script> $.validator.setDefaults({ submitHandler: function() { alert("提交事件!"); } }); $().ready(function() { $("#commentForm").validate({ onkeyup: function(element) { $(element).valid(); } }); }); </script> <style> .error{ color:red; } </style> </head> <body> <form class="cmxform" id="commentForm" method="get" action=""> <fieldset> <legend>输入您的名字,邮箱,URL,备注。</legend> <p> <label for="cname">Name (必需, 最小两个字母)</label> <input id="cname" name="name" minlength="2" type="text" required> </p> <p> <label for="cemail">E-Mail (必需)</label> <input id="cemail" type="email" name="email" required> </p> <p> <label for="curl">URL (可选)</label> <input id="curl" type="url" name="url"> </p> <p> <label for="ccomment">备注 (必需)</label> <textarea id="ccomment" name="comment" required></textarea> </p> <p> <input class="submit" type="submit" value="Submit"> </p> </fieldset> </form> </body> </html>
相关文章推荐
- jQuery Validate设置onkeyup验证的实例代码
- jQuery Validate设置onkeyup验证的实例代码
- jquery validate 设置验证消息不显示
- 新工具:表单/Cookie 验证网站爬网设置工具
- MM的信箱这样设置密码验证
- 终于搞定MSN不能登陆的问题了, 原来是我本机的时间设置不对,messenger登陆干嘛要验证客户端时间呢
- TextBox设置OnTextChanged后验证控件失效问题的解决
- [转贴-半]windows xp下设置apache目录访问身份验证(目录访问控制)方案
- 在设置窗体身份验证时设置个别页面不需要进行验证
- 设置glassfish的登陆验证
- SQLSERVER2005的混和身份验证模式的设置以及SA登陆问题
- 在设置窗体身份验证时设置个别页面不需要进行验证
- 通过Forms身份验证设置不同页面的访问权限
- 在Asp.Net2.0中可以方便的访问配置文件web.config,如判断debug设置,验证类型等
- 通过在 Page 指令或 配置节中设置 validateRequest=false 可以禁用请求验证
- Struts2.0里权限验证过滤器的设置(web.xml)
- windows2003下模拟身份验证设置
- Sharepoint v3, 如何设置Forms验证模式
- 新工具:表单/Cookie 验证网站爬网设置工具
- phpmyadmin 身份验证(用户验证)设置