本文介绍了自定义jQuery验证功能未触发的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试使用自定义验证功能来检查是否至少选中了一个复选框.但是验证功能没有触发.我想念什么?
I'm trying to use a custom validation function to check if at least one check box is selected. But the validation function is not firing. What am I missing?
<!DOCTYPE html>
<html>
<head>
<title>Index</title>
<script type="text/javascript" src="../Scripts/jquery-1.8.0.js"></script>
<script type="text/javascript" src="../Scripts/jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$.validator.addMethod("fruits", function(value, elem, params) {
if($(".fruits:checkbox:checked").length > 0){
return true;
}else {
return false;
}
},"pick at least one plz");
$("#form1").validate({
rules:{
fruits:{
fruits: true
}
},
submitHandler: function(form) {
alert("submitting...");
form.submit();
},
invalidHandler: function(form){
alert("invalid form");
}
});
});
</script>
</head>
<body>
<form id="form1">
<input type="checkbox" class="{fruits: true}" name="fruits" id="chkApple" value="1" />Apple<br />
<input type="checkbox" class="fruits: true}" name="fruits" id="chkBanana" value="2" />Banana<br />
<input type="submit" value="Submit" />
</form>
</body>
</html>
推荐答案
尝试一下
这篇关于自定义jQuery验证功能未触发的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!