入力フィールドと送信ボタンを含むフォームを持つ 1 つのページに同じクラスの div がいくつかあります。各入力フィールドが空の場合はjqueryで確認し、そのdivに空のフィールドがある場合は、その特定のdivの送信ボタンを無効にします。これまでのところ:
jQuery(document).ready(function(){
$('.shipdiv input').each(function(){
if( $(this).val() == ''){
$(this).css("background-color","#ff0000");
$(this).parent('.contact-button').attr('disabled', 'disabled');
}
});
});
フィールドが空の場合、赤く色付けされ、親にある送信ボタンを無効にしようとします。しかし、それは機能していません。誰でもこれを行う方法についてアイデアを持っていますか?
HTML は次のようになります。
<div class="shipdiv">
<form name="order_002" method="post" action="">
<input type="textfield" class="ship_data" name="bedrijfsnaam"/>
<input type="textfield" class="ship_data" name="straat" />
<input type="textfield" class="ship_data" name="postcode"/>
<input type="submit" name="ship-submit" id="ship-submit" class="contact-button" value="Aanmelden">
</form>
</div>
そして、これらの div のいくつかを使用します。