クリックイベントで必須フィールドを確認できません

Question

ユーザーがフォームボタンをクリックした後に入力フィールドをチェックしようとしていますが、入力フィールドにチェックが入っていません。これはクリックイベントでは機能しませんか？ここに私が呼んでいるものがあります。

$('#submit_button').click(function(){ 

    var formValid = true; 

    $(".required input").each(function(){ 
     if ($.trim($(this).val()).length == 0){ 
      $(this).addClass("error_msg"); 
      formValid = false; 
     } 
     else{ 
      $(this).removeClass("error_msg"); 
     } 
    }); 
    // post form if no errors are seen 

}）;

マイ入力HTMLは次のようになります。私は

<input class="required" type="text" value="" name="test" id='test_id' size="80"/> 

何をしないのですか？これはうまくいくはずです...

Answer 1

が

$("input.required") 

代わりの

$(".required input") 

を試してみてくださいあなたはjQueryのsubmit機能を使用してフォームを送信することができます

$('#submit_button').click(function(){ 

    var formValid = true; 

    $("input.required").each(function(){ 
     if ($.trim($(this).val()).length == 0){ 
      $(this).addClass("error_msg"); 
      formValid = false; 
     } 
     else{ 
      $(this).removeClass("error_msg"); 
     } 
    }); 

    if(formValid) $('#yourForm').submit(); 
    else return false; //if the button is a submit 
}); 

Answer 2

フォーム提出を防ぐには、event.preventDefault()を使用する必要があります。

Answer 3

使用$('input.required')代わりに。 $('.required input')を使用すると、.requiredクラス内のinput要素が検索されます。この場合、誰もないでしょう。