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

时间:2011-04-07 07:18:47

标签: jquery-plugins jquery-1.4

我在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();"/>

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

2 个答案:

答案 0 :(得分:4)

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

<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>

答案 1 :(得分:0)

或许这应该对你有所帮助。 Jquery validate onValid

请在提交后调用函数onSubmitForm(),然后使用javascript提交表单。