如何自定义 HTML5 表单所需的验证消息? [复制]
Posted
技术标签:
【中文标题】如何自定义 HTML5 表单所需的验证消息? [复制]【英文标题】:How to customize HTML5 forms required validation message? [duplicate] 【发布时间】:2012-11-04 14:59:24 【问题描述】:可能重复:html5 form required attribute. Set custom validation message?
我有一个输入如下的表单:
<input id="username" name="username" required>
是否可以为必填字段设置自定义验证消息?
【问题讨论】:
【参考方案1】:这个问题已经回答Here
使用 setCustomValidity:
$(document).ready(function()
var elements = document.getElementsByTagName("INPUT");
for (var i = 0; i < elements.length; i++)
elements[i].oninvalid = function(e)
e.target.setCustomValidity("");
if (!e.target.validity.valid)
e.target.setCustomValidity("This field cannot be left blank");
;
elements[i].oninput = function(e)
e.target.setCustomValidity("");
;
)
【讨论】:
以上是关于如何自定义 HTML5 表单所需的验证消息? [复制]的主要内容,如果未能解决你的问题,请参考以下文章