2013-02-17 11 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> 

正規表現の検証は、私は「空自」を入力した場合に動作します:

enter image description here

私の質問は:どのように私は、「一致してくださいカスタマイズするに「http://」または「https://」で始まる必要がありますか?

「メッセージ=」を試してみました。私はまたいくつか他のものを試しました。

  1. 一般的なエラーメッセージはどのようにカスタマイズできますか?
  2. ブートストラップのどこにいてもこれに関する詳しい情報はありますか?

答えて

10

これは実際にはブートストラップとは関係なく、ブラウザ(Chrome、スクリーンショットの外観)でhtml5フォーム入力の検証を実装しています。

pattern属性を使用する場合は、titleを使用してユーザーに追加のヘルプを提供する必要があります(see the MDN docs)。 title="Must start with 'http://' or 'https://'"

(Chromeで、異なるブラウザは異なり、これをレンダリングします)のように、あなたは何を見るべきである:あなたはまた、あなたに別のを与えることになる、URLに入力タイプを変更してみてください可能性が

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

メッセージはタイトルなしであっても、私自身の経験では、ブラウザで検証が実装されていると、少しイライラすることがあります。

+0

うわー、私はまったくそれを認識しませんでした。 IE 9は検証を使用していないようです。だから、私は結局jqueryバリデーションをいくつか使用しなければならないと思う。あなたは何かを成功させましたか? – mokumaxCraig

+0

正直言って、私はまだやってみる機会がありませんでした。幸運があります:) –

+0

タイトルチップ(パターンを使用する場合)のためのthx .. – Nrj

5

無効なメッセージを変更する場合は、oninvalid属性を使用できます。

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

が、これはあなたを助け願っています。

+3

しかし、私は入力フィールドにタイトルを挿入します。そのメッセージは引き続き有効でない検証を示しています。有効な値を持つ送信ボタンをクリックすると、そのメールに固執します。私はここでもブートストラップバリデーターを使用しています。 –

関連する問題