验证Bootstrap表单w/jQuery验证之前显示模式w /按钮？

-2

我在jQuery验证表单的顶部有两个按钮：一个保存更改（表单的提交按钮），另一个显示一个TermsOfService对话框，当同意时会运行一些其他代码。验证Bootstrap表单w/jQuery验证之前显示模式w /按钮？

<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”属性，那么验证将被禁用，并且我不够JS的maven来理解接下来要做什么。

来源

2012-06-22 SWL

这不是一个问题。这是一个代码请求。 – TheZ

我已经用一段代码更新了这个问题 - 我尝试过的其他代码没有工作，所以粘贴一堆意大利面代码可能不太有用。 – SWL

@frictionlesspauley - 谢谢你甚至小片段。我结束了Jquery验证页面，发现如果我返回false - 我打断了模态的显示，这是我们所期望的。

下面是我用什么：

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

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

来源

2012-06-23 20:35:40 SWL

该代码块正在处理验证检查，但我们如何在相应表单的顶部添加验证错误消息？ – Siva

呼叫.valid()上点击：

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

来源

2012-06-22 19:29:16 frictionlesspulley

感谢您的尝试，但这并不适合我。 – SWL

验证Bootstrap表单w/jQuery验证之前显示模式w /按钮？

回答

相关问题