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

您需要拦截表单上的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
             }
         })
     });

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

1 个答案: