jquery - フォーム内にクラス「エラー」の入力が存在しない場合のjqueryによるフォーム検証

Question

私はフォームを持っています:

<form id="FormId" method="post" enctype="multipart/form-data">
<input type=​"text" class=​"input-bg">​
<input type=​"text" class=​"input-bg">​
<input type=​"text" class=​"input-bg">​
<input type=​"text" class=​"validate input-bg">​
<input type=​"text" class=​"validate input-bg">​
<input type=​"text" class=​"input-bg">​
<input type=​"text" class=​"bg-datepicker">​
</form>

ここでエラークラスを追加/削除します

   $("#ButtonId").click(function () {
                     $("#FormId input[type=text].validate").filter(function () {
                         this.value == '' ? $(this).addClass('error') : 
                     $(this).removeClass('error')
                     });
            });

フォーム内にクラス「エラー」の入力が存在しないときにこのフォームを検証する方法

Answer 1

実際に何が必要なのかわかりません..しかし、次のように聞こえます..要素の長さを確認し、存在するかどうかを確認する必要があります..

 if($('.error').length == 0){ //check if there is element with class error
    //element with error class does not exists
 }else{
    //it exists
 }

ただし、すでにビルド済みの jquery 検証プラグインが多数あります。多くのコードなしで使いやすい..こちらをご覧ください