仅当我单击提交按钮时表单验证时，如何才能显示 jQuery 对话框窗口？答案

【问题标题】：How do I get a jQuery dialog window to display only if a form validates when I click the submit button?仅当我单击提交按钮时表单验证时，如何才能显示 jQuery 对话框窗口？
【发布时间】：2010-05-13 13:32:51
【问题描述】：

我有一个使用 jQuery 验证的表单。当用户单击提交按钮时，会显示一个对话框窗口，其中显示用户填写的字段以及用户输入的数据。它询问用户此信息是否正确。如果是，则用户单击对话窗口中的提交按钮并提交表单。如果用户单击“修复它”按钮，对话窗口将关闭并且用户返回到表单。

我的问题是当用户单击表单的提交按钮时，即使表单中存在错误，我的对话框窗口也会显示。如果表单数据由 jQuery 验证，我只想显示对话框窗口。我该怎么做？

我在想这样的事情：

if (('#form').validates() == true) {
    $('#verification_dialog').dialog('open');
}

在 jQuery 中有没有办法确定整个表单是否已经过验证？还是我必须创建自己的函数才能做到这一点？

【问题讨论】：

标签： jquery forms jquery-validate jquery-ui-dialog

【解决方案1】：

试试

$("#form").validate({....});

if (('#form').valid()) {
    $('#verification_dialog').dialog('open');
}

更多关于.valid()

编辑

这是我的工作...

  var _form;
  $("#myform").validate({
    //.... other options
     meta: "validate",
     submitHandler: function(form) {
       // triggers only if form is valid....
       _form = form; // capture the form....
       $('#verification_dialog').dialog('open');
       return false; // stop submit...
     }
  })
  $('#verification_dialog').dialog({
     //.... other options
     autoOpen: false,
     buttons : {
          "Accept" : function(){             
              _form.submit(); // submit the captured form...
          }
     }
  });

quick demo

【讨论】：

不知道你是如何被否决的。我改变了它。我无法使该格式正常工作。即使我添加了显示表单有效的警报，对话框窗口也永远不会显示。我正在这样做： $('#form').submit(function(){ if (('#form').valid()) { $('verification_dialog').dialog('open'); } } );我试过这个： $('#form').submit(function(){ $('#verification_dialog').dialog('open').$('#form').valid(); });这几乎可以工作，但是对话框窗口消失了，表单被提交了。

【解决方案2】：

要获得用于验证的布尔值，您可以使用：

if($('#form').validate().form()){
 ...
}

【讨论】：