validate是一款功能強大的表單驗證外掛，尤其是做後臺管理專案的時候，需要判斷的表單比較多，這時候validate就格外好用。本文主要介紹一下validate結合dialog彈窗“不能為空”的驗證方式。
由於後臺管理的表單驗證比較多，有的時候如果有一兩個不能為空的，那麼我們使用$(".xxx").val() != ""來判斷就可以，但是如果內容多的時候，也使用這種方式，就太過繁瑣了，此時藉助validate是再好不過的了~
以下為頁面效果圖：
首先，引入validate.js以及message_zh.js()
由於使用dialog.js彈窗外掛，其外掛自帶了兩個button按鈕，分別為返回和確定，所以在進行表單驗證時，我們並不需要在form表單中建立這兩個button，只需要一個隱藏的class名為submit的input按鈕即可（用於判斷validate的提交），然後使用dialog自帶的兩個button按鈕，具體請往下看：
以下是通過template寫的彈窗的內容，以下為html結構（紅框內的為重點部分）：
以下為js：
在form表單內加一個input<input class="submit" type="submit" value="Submit" style="display: none;">，需要判斷不能為空的input或者select新增一個required屬性；
在js中通過點選dialog的確定按鈕，觸發函式，當點選完確定按鈕時，類名為submit的函式則被點選，此時只需要判斷cb = $(".form").validate().form();若cb返回的是false,則說明沒有驗證成功，表單中還存在的為空的欄位，那麼就給dialog彈窗返回一個false，這樣彈窗就不會在被點選了確定按鈕後消失，反而會一直留在頁面上，繼續判斷，直到cb返回true為止，彈窗才會消失，此時驗證成功！