すべての必須フィールドが完了するまでボタンを無効にする

Question

私は95のフォームフィールドを持つフォームを持っています。そのいくつかは必須であり、いくつかはオプションです。すべての必須フィールドが完了するまで、送信ボタンを無効にしたい

そこにはたくさんの解決策がありますが、私がそれを助けることができるならば、私は本当にすべての95のフィールドをリストする必要はないので、入力に必要なフラグをスキャンするものを探しています。

これはjQueryなどで可能ですか？

多くのおかげで、

ジョン

Answer 1

(function() { 
 
    $('form > input').keyup(function() { 
 

 
     var empty = false; 
 
     $('form > input[required]').each(function() { 
 
      if ($(this).val() == '') { 
 
       empty = true; 
 
      } 
 
     }); 
 

 
     if (empty) { 
 
      $('#register').attr('disabled', 'disabled'); 
 
     } else { 
 
      $('#register').removeAttr('disabled'); 
 
     } 
 
    }); 
 
})()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> 
 
<form> 
 
    Username<br /> 
 
    <input type="text" id="user_input" name="username" required /><br /> 
 
    Password<br /> 
 
    <input type="password" id="pass_input" name="password" required /><br /> 
 
    Confirm Password<br /> 
 
    <input type="password" id="v_pass_input" name="v_password" required /><br /> 
 
    Email<br /> 
 
    <input type="text" id="email" name="email" required/><br /> 
 
    name<br> 
 
    <input type="text" id="name" name="name"/> optional<br />  
 
    <input type="submit" id="register" value="Register" disabled="disabled" /> 
 
    
 
</form> 
 
<div id="test"> 
 
</div>