2013-02-17 27 views
6

我在.NET 4.0中使用Twitter-Bootstrap。我沒有使用任何額外的jQuery驗證插件。如何在引導程序中爲輸入字段指定自定義錯誤消息

我有這樣的代碼:

<asp:TextBox ID="Url" runat="server" required Text='' placeholder="enter the URL" pattern="http://*" messages="Must start with 'http://' or 'https://' "></asp:TextBox> 

,如果我在類型 'ASDF' 的正則表達式驗證工作:

enter image description here

我的問題是:如何自定義「請配合請求的格式「錯誤說」必須以'http://'或'https://'開頭?

正如你所看到的我試過「messages =」。我也嘗試了其他幾種。

  1. 如何定製通用錯誤消息?
  2. 是否有Bootstrap的任何文檔,有關於此的更多信息?

回答

10

這實際上與bootstrap無關,而是在瀏覽器中實現了html5表單輸入驗證(Chrome瀏覽器,由您的屏幕截圖看)。

使用pattern屬性時,應該使用title爲用戶提供更多幫助(see the MDN docs)。

隨着title="Must start with 'http://' or 'https://'",你應該會看到類似的信息(在Chrome中,不同的瀏覽器將以不同的方式呈現此):

Input validation using the pattern and title attributes http://junkheap.thirdraven.com/input_with_pattern_and_title_set.png

您也可以嘗試改變輸入類型的URL,這將帶給你不同消息甚至沒有標題,但我自己的經驗是,有時瀏覽器實施驗證可能有點令人沮喪。

+0

哇,我根本沒意識到。它看起來像IE 9甚至不使用驗證。所以,我想我將不得不使用一些jquery驗證。你有沒有成功實施任何? – mokumaxCraig 2013-02-18 15:59:47

+0

說實話,這不是我有機會嘗試做的事情。祝你好運雖然:) – 2013-02-18 22:50:25

+0

thx爲標題提示(使用模式時).. – Nrj 2016-04-28 21:08:43

5

如果你想改變無效消息,你可以使用oninvalid屬性。

oninvalid="this.setCustomValidity('User ID is a must')"

希望這可以幫助你。

+3

但是當我在輸入字段中插入標題。該消息繼續顯示驗證無效。當我點擊具有有效值的提交按鈕時,它停留在電子郵件字段上。我在這裏也使用bootstrap驗證器。 – 2016-01-07 06:15:53

相關問題