2014-02-11 63 views
2

我正在使用引導程序2.引導模式對話框中的驗證

在窗體中我有一個打開引導程序模式對話框的按鈕。在bootstrap模式對話框中,我有一個select2控件,我想驗證它。即我希望select2控件至少有一個值。如何在對話框關閉之前將select2控件驗證爲必填字段?

注意:關閉對話框不會提交表單。

Select2是否有強制/必需的屬性?對話框的保存按鈕是否可以鏈接到檢查select2控件?

我使用MVC4,引導2,剃刀。

+1

選擇二是管理插件中的,不是嗎? – pbenard

回答

2

引導模態分量火hide事件關閉時。 您應該爲此事件註冊一個處理程序,進行驗證,並在需要時防止冒泡。

例如:

$('#myModal').on('hide', function (evt) { 
    var isValid = // make your validation 
    if (!isValid) { 
    event.preventDefault(); 
    event.stopImmediatePropagation(); 
    return false; 
    } 
}); 
+0

謝謝 - 這對我有用:) – GMan

+0

你用'preventDefault()'和'stopImmediatePropogation()'和'return false'的技巧幫助我保持這個事件不會重新綁定。我正在做一個'console.log(evt)',沒有額外的東西,第一次關閉點擊給了我一個'evt'對象,第二個,兩個'evt'對象,第三次點擊,三個'evt'對象等等上。你的調整爲我解決了這個問題。 – Volomike

+0

因爲我使用的是Bootstrap 3,所以現在我現在也使用''hidden.bs.modal''而不是''hide'。 – Volomike