jQueryのエラーIではJavaScriptとjQueryを使用して入力を検証する必要があるフォーム検証

Question

を提出します。それがここで何らかのエラー

を警告せずにフォームを送信し、私がこれまで持っているものです。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
    <script type="text/javascript"> 

    $(document).ready(function(){ 
    function go() { 
     if($('#name').val() == '') { 
      alert('error: name is required'); 
     } 
     $('form').submit(); 
    } 
    }); 


    </script> 
    </head> 

    <form method="post" action=""> 
    Name *<input type="text" name="name" id="name"/> 
    E-Mail *<input type="text" name="email" id="email"/> 

    <input class="submit" type="submit" value="Submit" name="submit" id="submit" onclick="go();"> 
    </form> 

私は名前に何かを入れた後、フォームを送信していない場合にアラートが表示されないのはなぜ？

Answer 1

送信ボタンでonclickを使用するのではなく、フォーム要素でonsubmit="return go();を使用します。または、jQueryを使用します。$('form').submit(function(){ ... });

エラーが発生すると、それ以上実行されないようにするには、関数のreturn falseが必要です。