jquery - 動的フォームの jQuery を送信する前に、フィールドが空かどうかを確認します

Question

良い一日。

多数の動的フォームがありますが、入力フィールドの総数は不明です。

次のような単純な検証関数を使用したかったのです。

function check_submit() {
  if ($(this).val().length == 0) {
    $(":submit").attr("disabled", true);
  } else {
    $(":submit").removeAttr("disabled");
  }
}

それぞれが独自の「必須フィールド」を持つ多数の異なる動的フォームで同じ関数を使用するため、入力が必要な不明な数のクラスを渡すことができるようにしたいため、関数はすべてのフィールドを確認する必要がありますそのクラス内で満たされています。

助言がありますか？

Answer 1

これを数日間放置しましたが、今日は機能する関数を作成することができました

$( "form" ).submit(function( event ) {
var empty_fields = [];
$(".chck").each(function(){
   if($(this).val().length !=0 ) {
       return;
   }else{
       empty_fields.push($(this).attr('name'));
       event.preventDefault();}
   });
if(empty_fields){
   alert(empty_fields);
}

});

すべての必須フィールドに class="chck" が含まれていることを確認する必要があるだけです。将来、誰かが役に立つことを願っています。