jquery - JQueryはDivクラスの結果が空になるまで送信ボタンを無効にします

Question

こんにちは、大量のチェックボックスを検証するエラーメッセージを表示する div があります。

<div class="result" style="color:red;"><br>Check 2 more for Alberta Hairstylist<br>Check 2 more for Atlantic Hairstylist</div>

今私がやりたいことは、divに上記の例のようなものが含まれている場合、送信ボタンを無効にすることです。divが以下のようになっている場合は、送信ボタンを有効にします

<div class="result" style="color:red;"></div>

これにパッチを当てるだけで、より良い検証方法があることはわかっています。できるだけ早く。

まだJquery初心者です、ありがとう！

score 1 · Accepted Answer

.resultが空でない場合、ボタンを無効にします。

$('button').prop('disabled', function() {
    return $.trim( $('.result').text() ) != "";
});

score 0 · Accepted Answer

無効な属性を送信ボタンに追加し、検証に問題がなければその属性を削除できます。

このようなもの;

$('#yourSubmitButtonId').attr('disabled','disabled');

編集：

score 0 · Accepted Answer

これを使用する必要があります

if($('.result').text()=='') $('button').prop('disable',true);

または無効にする代わりに、 false を返すことができます

$('button').click(function(){
  if($('.result').text()=='') return false;
  else // do your stuff
});

3 に答える 3