如何更改引导程序中表单控件弹出窗口中必填字段的默认消息?

新手上路,请多包涵
 <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>

我们如何将要求字段的弹出窗口的默认消息“请填写此字段”更改为“请输入用户名”

原文由 dpndra 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 375
2 个回答

您可以在发生 oninvalid 事件时使用 setCustomValidity 函数。

如下所示:-

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

原文由 Mritunjay 发布,翻译遵循 CC BY-SA 3.0 许可协议

结合 Mritunjay 和 Bartu 的回答是对这个问题的完整回答。我复制了完整的例子。

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

这里,

this.setCustomValidity(‘Please Enter valid email’)” - 在字段无效时显示自定义消息

oninput=“setCustomValidity(”)” - 删除验证字段上的无效消息。

原文由 0190198 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题