在PHP中確認彈出窗口之前驗證

Question

我使用2個jQuery插件，1個用於驗證（jquery.validate.js），1個用於使用模式彈出窗口（jquery.blockUI.js）的確認窗口。這兩個插件都可以在我的php表單中正常工作。但是，我想在顯示模式彈出窗口之前有驗證觸發器，這不是發生的事情。我一直都放置一個按鈕，像這樣引發一個函數內部：

<input type="button" value = "Submit" onclick="javascript:showActions();" /> 

function showActions() { 
    $("#registration-form").valid(); 

    $.blockUI({ 
     message: $('#confirmation-dialog'), 
     css: { 
      width: '500px', 
      display: 'block' 
     } 
    }); 
} 

當我嘗試觸發功能，會發生什麼，它驗證的形式，但在同一時間顯示其禁用的模式彈出直到它關閉。我如何做到這一點，以便只有在滿足所有驗證的情況下才能調用模態彈出窗口？我試過添加if條件來檢查$（「＃registration-form」）.valid（）是否返回true或false，但是當我這樣做時，我最終得到了一個空白的彈出窗口，不行。請指教。

Answer 1

嘗試

function showActions() { 
    if ($("#registration-form").valid()) { 
     $.blockUI({ 
      message: $('#confirmation-dialog'), 
      css: { 
       width: '500px', 
       display: 'block' 
      } 
     }); 

    } 
}