如何防止<input type =“ submit” />提交表单直到满足条件？

Question

我有一个用户填写的表单，然后他们按了“查看字段”按钮。此按钮使用jQuery验证（https://jqueryvalidation.org/documentation/）验证字段，并打开一个引导模式，其中包含要查看的字段。

用户查看了模态中的字段后，模态底部还有另一个“提交表单”按钮。

因此，我的“审阅字段”按钮具有type =“ submit”来运行验证，但是我“返回false；”按钮。模态弹出窗口“提交表单”按钮对于相同的表单也具有type =“ submit”，但是我需要将其设置为“ return true;”。返回表格。

这就是我所拥有的：

// call to validate form
$( '#formEntry' ).validate();

// when modal is hidden, don't allow form submission
$( '#confirm-submit' ).on('hidden.bs.modal', function () {
  $( '#formEntry' ).submit(function() {
    return false;
  });
});

// when form is valid and submitted, open modal
$( '#submitBtn' ).click( function() {
  if ( $( '#formEntry' ).valid() ) {
    $( '#confirm-submit' ).modal();
  }
});

这是可行的，但是打开了“查看”模式，然后在半秒钟内提交，不允许用户实际查看字段，然后在准备好后单击“提交”按钮。

#formEntry是我的表单ID

#confirm-submit是我的模式ID

#submitBtn是我的“查看字段”按钮ID