Question

我在jQuery验证表单的顶部有两个按钮：一个保存更改（表单的提交按钮），另一个显示一个TermsOfService对话框，当达成协议时将运行其他一些代码。

<button class="btn" value="Save Changes" 
        name="submit" type="submit" id="entryFormSave">Save changes</button>


<button class="btn" 
        data-toggle="modal" 
        href="#modal-TOS" 
        data-backdrop="true" 
        data-keyboard="true" 
        id="entryFormSubmit">Submit for review</button>

第一个/提交按钮验证表单 - 我希望第二个按钮验证表单，如果它通过验证，那么显示TOS模式。

非常感谢任何帮助。

更新：我尝试过很多东西，但都没有。我注意到，当添加data-toggle =“modal”时，它会禁用触发验证的按钮。最新的迭代是： $('#entryFormSubmit').click(function(){ validate(); });

我在表单中放置的任何按钮都会验证表单;但是，一旦我添加了data-toggle =“modal”属性，那么验证将被禁用，我不足以理解下一步该做什么。

Answer 1

点击致电.valid()：

  $(function(){
     $('#entryFormSubmit').on('click', function(){
         if($('#formid').valid()){
            //do whatever... call like calling $('formid').submit();
         }
      }
  });

Answer 2

@frictionlesspauley - 感谢即使是小片段。我最后回到了Jquery Validate页面，发现我是否返回false - 我打断了模态的显示，这就是我想要的。

以下是我使用的内容：

$("#entryFormSubmit").click(function() {
    var ValidStatus = $("#entryForm").valid();

    if (ValidStatus == false) {
        return false;
    }
});

使用/ jQuery验证Bootstrap表单在使用/ button显示模态之前验证？

2 个答案: