如何將焦點置於文本框上以防止發佈頁面？

Question

我想使用一段簡單的jquery代碼來檢查內容文本框，然後如果內容無效防止發佈頁面。我認爲使用溼焦或選擇會做的伎倆，但網頁仍然張貼。我如何更改此代碼重新關注文本框，直到做出正確的輸入。這裏是我一直在努力簡化版本：

<script type="text/javascript"> 


     $(document).ready(function() { 
      $('#saveBtn').click(function() { 
       var trial = $('#HomeworkGrade').val(); 


       if (trial == 77) { 
        alert('Correct entry') 
       } 
       else { 
        alert('Incorrect entry'); 
        $('#HomeworkGrade').focus(); 

       } 

      }) 

     }); 




     </script> 

Answer 1

您需要截取你的形式，而不是在按鈕的Click事件的submit事件，從事件處理程序返回false防止默認動作：

 $(document).ready(function() { 
     $('#myForm').submit(function() { // attach handler to the form here. 
      var trial = $('#HomeworkGrade').val(); 
      if (trial == 77) { 
       alert('Correct entry'); 
       return true;    // permit submit 
      } 
      else { 
       alert('Incorrect entry'); 
       $('#HomeworkGrade').focus(); 
       return false;   // prevent submit 
      } 
     }) 
    });