我試圖將4個輸入字段組合成一個jQuery函數,以便它檢查每個輸入作爲其keyup'd,當所有框達到4的長度,然後列表項更改爲確認各個領域都充滿jQuery多個輸入和檢查長度
HTML
<div class="cardNumber">
<input type="text" value="" maxlength="4" name="ccn1" id="ccn1">
<input type="text" value="" maxlength="4" name="ccn2" id="ccn2">
<input type="text" value="" maxlength="4" name="ccn3" id="ccn3">
<input type="text" value="" maxlength="4" name="ccn4" id="ccn4">
</div>
<ul>
<li class="checkNumber">Card Number</li>
</ul>
jQuery的
$(".cardNumber input[name=ccn1], .cardNumber input[name=ccn2], .cardNumber input[name=ccn3], .cardNumber input[name=ccn4]").keyup(function() {
$(".cardNumber input[name=ccn1], .cardNumber input[name=ccn2], .cardNumber input[name=ccn3], .cardNumber input[name=ccn4]").each(function() {
if ($(".cardNumber input[name=ccn1], .cardNumber input[name=ccn2], .cardNumber input[name=ccn3], .cardNumber input[name=ccn4]").length >= '4') {
$("li.checkNumber").addClass("checked");
}
});
});
+ 1..Like這種方法 –
我這個答案去,但編輯它是下列 [CODE] $( ':輸入[名^ = CCN]')KEYUP(函數(){ 。 var check = $(':input [name^= ccn]')。filter(function(){ return $ .trim(this.value).length <4; })。length === 0; 如果(檢查){(「li.checkNumber」).addClass(「checked」); } else {$(「li.checkNumber」)。removeClass(「checked」); } }); [/ CODE] – ngplayground
@DonaldSutherland,帶有秒參數(check)的toggleClass執行if if語句的操作。對? – aquinas