<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>
我们如何更改require字段popover的默认消息“请填写此字段”至“请输入用户名”
当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>
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('')” - 删除有效字段上的验证消息。
对于所有输入和选择:
$("input[required], select[required]").attr("oninvalid", "this.setCustomValidity('Required!')");
$("input[required], select[required]").attr("oninput", "setCustomValidity('')");
$(“input [required]”)。attr(“oninvalid”,“this.setCustomValidity('Say Something!')”);
这项工作,如果您通过鼠标移动到上一个或下一个字段,但通过输入键,这是行不通的!