首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何更改引导中窗体控件的弹出区中所需字段的默认消息?

如何更改引导中窗体控件的弹出区中所需字段的默认消息?
EN

Stack Overflow用户
提问于 2014-06-24 15:49:52
回答 5查看 212.7K关注 0票数 98
代码语言:javascript
运行
复制
 <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>

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

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2014-06-24 17:35:53

当发生setCustomValidity事件时,可以使用oninvalid函数。

如下所示-

代码语言:javascript
运行
复制
<input class="form-control" type="email" required="" 
    placeholder="username" oninvalid="this.setCustomValidity('Please Enter valid email')">
</input>

最新情况:-

要清除消息,请在输入后使用oninput="setCustomValidity('')属性清除消息。

代码语言:javascript
运行
复制
<input class="form-control" type="email"  required="" placeholder="username"
 oninvalid="this.setCustomValidity('Please Enter valid email')"
 oninput="setCustomValidity('')"></input>
票数 233
EN

Stack Overflow用户

发布于 2017-04-11 18:47:28

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

代码语言:javascript
运行
复制
<input class="form-control" type="email"  required="" placeholder="username"
 oninvalid="this.setCustomValidity('Please Enter valid email')"
 oninput="setCustomValidity('')"></input>

这里,

this.setCustomValidity('Please输入有效的电子邮件‘)“-在字段无效时显示自定义消息

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

票数 28
EN

Stack Overflow用户

发布于 2018-12-03 18:52:12

对于所有输入并选择:

代码语言:javascript
运行
复制
$("input[required], select[required]").attr("oninvalid", "this.setCustomValidity('Required!')");
$("input[required], select[required]").attr("oninput", "setCustomValidity('')");
票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24391078

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档