jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。这篇文章主要介绍了jQuery Validate设置onkeyup验证的相关资料,需要的朋友可以参考下
jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。下面给大家分享一段jquery validate 设置onkeyup验证的代码，具体代码如下所示：
代码如下所示：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="https://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script> <script src="https://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script> <script src="https://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 method="get" action=""> <fieldset> <legend>输入您的名字，邮箱，URL，备注。</legend> <p> <label for="cname">Name (必需, 最小两个字母)</label> <input minlength="2" type="text" required> </p> <p> <label for="cemail">E-Mail (必需)</label> <input type="email" required> </p> <p> <label for="curl">URL (可选)</label> <input type="url"> </p> <p> <label for="ccomment">备注 (必需)</label> <textarea required></textarea> </p> <p> <input type="submit" value="Submit"> </p> </fieldset> </form> </body> </html>
相关阅读：
利用jQuery.Validate异步验证用户名是否存在（推荐）
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
jquery.validate 自定义验证方法及validate相关参数
以上所述是小编给大家介绍的jQuery Validate设置onkeyup验证，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: