Jquery 如何在文本框上设置焦点以防止页面发布？

我试图使用一段简单的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>  

您需要截获表单上的submit事件，而不是按钮上的click事件，并从事件处理程序返回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
             }
         })
     });