Question

 <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>

我们如何更改此要求字段的弹出窗口的默认消息＆＃34;请填写此字段＆＃34;到＆＃34;请输入用户名＆＃34;

Answer 1

发生setCustomValidity事件时，您可以使用oninvalid功能。

如下所示： -

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

更新： -

要在开始输入use oninput="setCustomValidity('')属性以清除消息后清除消息。

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

Answer 2

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（''）” - 删除经过验证的字段上的无效消息。

Answer 3

对于所有输入，然后选择：

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

Answer 4

$（“ input [required]”）。attr（“ oninvalid”，“ this.setCustomValidity（'Say Somthing！'）”）;

如果您通过鼠标移至上一个或下一个字段，但按Enter键，则无法使用！

如何更改bootstrap中form-control的popover中必填字段的默认消息？

4 个答案:

更新： -