JavaScriptを使用してフォームを検証する方法は？

Question

私はいくつかのtextFieldsと送信ボタンを持つフォームを持っているといいます。

ユーザーがこのボタンをクリックすると、javascriptがtextFieldsを検証するために（少なくともそこに何かがあることを確認してください）、そうでなければメッセージを表示します。フォームを提出し、PHPが引き継ぐ。

ありがとうございます！

Answer 1

は、あなたの送信ボタンのHTMLに

をOnClick="function_name();"を追加し、関数の宣言にこの

を行います

function function_name(){ 
    var str = document.getElement("your_text_field_id"); 
    if (str=="") { 
     alert("Please type some text first"); 
     return false 
    } else { 
     alert("Thanks"); //optional 
     return true; 
    } 
} 

Answer 2

forms onSubmitメソッドを使用してユーザー入力フィールドを検証するJavaScript関数を呼び出します。

Answer 3

jQueryを使用している場合は、フォームが.submit()から送信されたときに何かできることがあります。このイベント内では、すべてのinputフィールドをタイプによってチェックすることができます。エラーが発生した場合は、event.preventDefault()を呼び出して送信を停止し、alert()にエラーを送信することができます。このような

何か：

<form id="myform"> 
    <input type="text" name="text" /> 
    <input type="submit" value="Submit!" /> 
</form> 

のjQuery：

$('#myform').submit(function(event){ 

    error = false; 

    $('input',this).each(function(){ 

     if($(this).val() == '') 
      error = true; 

    }); 

    if(error == true){ 

     event.preventDefault(); 
     alert('An error occured!'); 

    } 

});