Html 如何在bootstrap中更改窗体控件的popover中必填字段的默认消息？ 登录 用户名 密码 提交

如何将require字段“Please fill this field”（请填写此字段）的popover默认消息更改为“Please enter username”（请输入用户名）

当发生

oninvalid

事件时，您可以使用

setCustomValidity

功能

如下图所示：-

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

---

伊图尼亚先生和巴图先生的答案结合起来就是这个问题的完整答案。我正在复制完整的示例

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

这里,

this.setCustomValidity（'请输入有效电子邮件'）”在字段的“无效”位置显示自定义消息

---

oninput=“setCustomValidity（“”）”删除已验证字段上的无效消息。

对于所有输入，选择：

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

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

---

如果您用鼠标移动到上一个或下一个字段，但按enter键，则此操作无效！！！

这里最好的解释是：添加此代码后，我会显示消息，但在输入中输入一些文本后，在刷新之前，我仍会显示此消息。要使用此方法，您需要在输入后清除customValidity消息或者，即使错误消息有效，它也会继续显示该错误消息。oninput=“setCustomValidity（“”）“在与oninvalid一起使用时修复了此问题。是否有任何方法可以区分字段为空的用户和输入无效电子邮件的用户？我是否可以编辑所需的错误消息和无效的电子邮件错误消息？是否可以对所有输入进行编辑，而不仅仅是在某些页面中？确实如此。同样，请看，几乎相同的问题，唯一真正的区别是这个问题提到了引导。

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

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