2014-03-05 116 views
0

我正在使用twitter bootstrap表單。twitter bootstrap按鈕動作+打開模式

一個按鈕需要驗證表單,然後呈現一個模式。我意識到按鈕不會驗證表單,如果我只是指向它來切換模式。

<button id="button3" data-toggle="modal" data-target="#paymentDisclaimerModal">button 3</button> 

我決定使用javascript顯示模態。

<button id="button3" onclick="$(#paymentDisclaimerModal).modal('show');" data-toggle="modal" data-target="#paymentDisclaimerModal">button 3</button> 

不工作!我應該使用一個單獨的JavaScript塊嗎?非常感謝。

+0

你如何驗證表單?據我所知,你需要附加一個方法到你的按鈕點擊事件來執行驗證,並顯示模式,如果它成功 –

+0

你有一個錯字在你的JavaScript,你需要引號'#paymentDisclaimerModal':'「$(' #paymentDisclaimerModal').modal('show');「' – woemler

+0

謝謝!即使在那之後,當我點擊按鈕時,模式打開,如果文本框爲空,我怎麼能避免打開模式。 – CalZone

回答

1

你的JavaScript代碼,似乎是錯誤的:

<button id="button3" onclick="$(#paymentDisclaimerModal).modal('show');" data-toggle="modal" data-target="#paymentDisclaimerModal">button 3</button> 

jQuery選擇必須是一個有效的字符串,將其更改爲:

<button id="button3" onclick="$('#paymentDisclaimerModal').modal('show');" data-toggle="modal" data-target="#paymentDisclaimerModal">button 3</button> 
+0

謝謝!這是現在工作,但仍按鈕打開模式沒有驗證。如果文本框爲空,我不想顯示模式。 – CalZone

+0

你如何驗證你的表單?我看不到驗證上的限制,只是點擊按鈕時的模式('show')' – Cirou

相關問題