如何自定义 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 表单所需的验证消息? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

HTML5 表单必需属性。设置自定义验证消息?

自定义 HTML5 表单验证最初不显示自定义错误

设置自定义 HTML5 必填字段验证消息

SQL Server 报告服务的自定义身份验证中的“用户 xxx 没有所需的权限”

显示自定义复选框的 HTML5 验证消息

jQuery 验证错误放置和所需的文本放置