7

.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」と入力すると、正規表現検証が機能します。

ここに画像の説明を入力

私の質問は、「要求された形式に一致させてください」というエラーをカスタマイズして、「'http://' または 'https://' で開始する必要があります」と表示するにはどうすればよいですか?

ご覧のとおり、「messages=」を試しました。他にもいくつか試しました。

  1. 一般的なエラー メッセージをカスタマイズするにはどうすればよいですか?
  2. これに関する詳細情報を含む Bootstrap のドキュメントはどこにありますか?
4

2 に答える 2

12

これは実際にはブートストラップとは何の関係もありません。むしろこれは、ブラウザー (スクリーンショットを見ると Chrome) での html5 フォーム入力検証の実装です。

pattern属性を使用する場合は、 を使用しtitleてユーザーに追加のヘルプを提供する必要があります ( MDN ドキュメント を参照してください)。

を使用title="Must start with 'http://' or 'https://'"すると、次のように表示されます (Chrome では、ブラウザによってレンダリングが異なります)。

pattern 属性と title 属性を使用した入力検証

入力タイプを URL に変更することもできます。これにより、タイトルがなくても別のメッセージが表示されますが、私自身の経験では、ブラウザーに実装されている検証が少しイライラすることがあります。

于 2013-02-17T23:55:43.393 に答える
6

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

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

これがお役に立てば幸いです。

于 2014-04-10T10:39:33.067 に答える