forms - 如何更改 HTML5 表单的 "not valid input"文本

Question

如果输入字段的类型是 html5 表单中的 email，并且如果有人没有输入有效的电子邮件地址，它会说 Please enter an email address.

有没有一种无需大量 javascript 即可更改该文本的方法？ (我所说的大量 javascript 是指用大量通常依赖于 jQuery 或其他语言的 javascript 编写的输入字段验证器的另一种实现)

Answer 1

您可以尝试设置 validationMessage属性，但我不知道是否有浏览器支持它。

这是他们设置自定义消息的示例 setCustomValidity

在 firefox 中还有 x-moz-errorMessage属性

示例:http://jsfiddle.net/XYgJH/

<form>
<input type="email" oninput="check(this)"/>
</form>
<script>
    function check(input){
    if(input.valid){
        input.setCustomValidity('');
    } else {
        input.setCustomValidity('silly duck');
    }
}
</script>