驗證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 /按鈕？

回答

相關問題