0

入力フィールドと送信ボタンを含むフォームを持つ 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 のいくつかを使用します。

4

2 に答える 2

2

これは、現在の入力に関連する親 div を見つけてから、div 内のボタンを見つけることで実行できます。

$(this).parents('.shipdiv').find('.contact-button').prop('disabled', true);

補足:.prop('disabled', true)よりも優先され.attr()ます。

于 2013-07-04T09:57:32.460 に答える
2

試す:

 $(this).parent('div').find('.contact-button').attr('disabled', 'disabled');

または最も近いものを使用:

 $(this).closest('div').find('.contact-button').attr('disabled', 'disabled');
于 2013-07-04T09:59:20.790 に答える