web-dev-qa-db-ja.com

ブートストラップのフォームコントロールのポップオーバーの必須フィールドのデフォルトメッセージを変更する方法は？

 <form class="form-asd" role="form">
    <h2 class="form-signin-heading">login</h2><hr />
    <label class="control-label"  for="username">Username</label>
    <input class="form-control" type="email"  required="" placeholder="username"data-error="enter valid username"></input>
    <label class="control-label"  for="username">password</label>
    <input class="form-control" type="password"  required=" " placeholder="Password"></input>
    <label class="checkbox"></label>
    <button class="btn btn-lg btn-primary " type="submit">submit</button>
</form>

必須フィールド「このフィールドに入力してください」のポップオーバーのこのデフォルトメッセージを「ユーザー名を入力してください」に変更する方法

html5css3twitter-bootstrap
53
dpndra

setCustomValidityイベントが発生したときに、oninvalid関数を使用できます。

以下のように：-

<input class="form-control" type="email" required="" 
    placeholder="username" oninvalid="this.setCustomValidity('Please Enter valid email')">
</input>

更新：-

入力を開始してメッセージを消去するには、oninput="setCustomValidity('')属性を使用してメッセージを消去します。

<input class="form-control" type="email"  required="" placeholder="username"
 oninvalid="this.setCustomValidity('Please Enter valid email')"
 oninput="setCustomValidity('')"></input>
152
Mritunjay

MritunjayとBartuの回答の組み合わせは、この質問に対する完全な回答です。完全な例をコピーします。

<input class="form-control" type="email"  required="" placeholder="username"
 oninvalid="this.setCustomValidity('Please Enter valid email')"
 oninput="setCustomValidity('')"></input>

ここに、

this.setCustomValidity（ '有効なメールアドレスを入力してください'） "-フィールドの無効化時にカスタムメッセージを表示します

oninput = "setCustomValidity（ ''）"-検証済みフィールドの無効化メッセージを削除します。

18
Sairam Kukadala

そして、すべての入力と選択について：

$("input[required], select[required]").attr("oninvalid", "this.setCustomValidity('Required!')");
$("input[required], select[required]").attr("oninput", "setCustomValidity('')");
3
Stepan Tripal

$（ "input [required]"）。attr（ "oninvalid"、 "this.setCustomValidity（ 'Say Somthing！'）"）;

マウスで前のフィールドまたは次のフィールドに移動する場合はこの機能が使用されますが、Enterキーでは機能しません!!!

0
APH