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