自定義jQuery驗證功能未觸發
[英]Custom jQuery validation function not firing
問題描述
我正在嘗試使用自定義驗證功能來檢查是否至少選中了一個復選框。 但是驗證功能沒有觸發。 我想念什么？
<!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>
5 個解決方案
解決方案1
0 2012-08-16 05:45:03
嘗試：
$.validator.addMethod("fruits", function(value, elem, params) {
return $(".fruits").is(":checked")
},"pick at least one plz");
解決方案2
0 2012-08-16 05:47:55
用這個替換你的代碼
if($(".fruits").is(":checked")){
解決方案3
0 已采納 2012-08-16 05:54:05
解決方案4
0 2012-08-16 06:02:26
檢查此鏈接源
$(document).ready(function(){
$('#submit_button').click(function() {
if (!$("input[@name='name']:checked").val()) {
alert('Nothing is checked!');
return false;
}
else {
alert('One of the buttons is checked!');
}
});
});
解決方案5
0 2012-08-16 06:29:26
我知道了 沒有觸發的問題是由有問題的編碼問題引起的。 解決該問題后，將調用自定義函數。 但是$(".fruits").is(":checked語法確實對我有用，它一直說什么都沒選擇。所以我帶着一個for循環進入了老派。
<html>
<head>
<title></title>
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$.validator.addMethod("fruits", function (value, elem, params) {
var items = $("input[name^='fruits']");
for (i = 0; i < items.length; i++) {
if ($(items[i]).is(":checked")) {
return true;
}
}
return false;
}, "pick one plz");
$("#form1").validate({
rules: {
fruits: {
fruits: true
}
},
submitHandler: function (form) {
alert("submitting...");
form.submit();
},
invalidHandler: function (form) {
alert("invalid form");
}
});
});
</script>
</head>
<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>
</body>
</html>
使用原始JavaScript提交功能時無法觸發jQuery驗證
[英]jQuery validation not firing when using raw JavaScript submit function
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.