在 jquery 中验证之后应该出现确认对话框

Question

我在struts中使用jquery-1.4.4。我已成功使用 jquery.validate 插件并验证了我的请求表单。但由于它是一个 3 页的表单，我必须在每一页上提供一个确认对话框，以确保用户重新检查他们的表单条目。

     $(document).ready(function() {
     :::
      $("#Form1").validate({
      ::
      });
      function onSubmitForm(){
        var vconf = confirm(" You are about to submit, please recheck the the fields");
        if(vconf){
            return true;
        }else{
            return false;
       }
      }
     });

和我的提交按钮

<input type="submit" title="continue filling up the form" value="  Continue  " 
                onclick= "return onSubmitForm();"/>

这首先调用我的确认对话框，然后进行验证，这不适合首先询问用户是否真的想继续，然后阻止他们说他们的表单无效。

Answer 1

我想你可以试试这个......

<script type="text/javascript">
$(document).ready(function() { 
  $("#Form1").validate({ 
    submitHandler : function(form) {
      if (confirm("You are about to submit, please recheck the the fields?")) {
        form.submit();
      }
    },
    rules: { 
      x: {
        required: true,
      },
      y:{
        required:true,
      }
    }
  })
}); 
</script>