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

标签 forms html validation

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

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

最佳答案

您可以尝试设置 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>

关于forms - 如何更改 HTML5 表单的 "not valid input"文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7746426/

相关文章:

javascript - 如何为我的 html 表单制作打印预览和打印按钮

HTML 不会链接到 GitHub 存储库中的 CSS

javascript - Jquery .load(),填充输入不起作用

javascript - 在 Javascript 中将字节转换为 KB/MB

c++ - Qt:存储QKeySequence,从表单中提取它

javascript - jQuery 表单验证。如何防止错误消息多次出现

angularjs - 如何要求至少 1 个带有 checklist-model 的复选框来进行 AngularJS 表单验证?

php - 在 WooCommerce 中添加和处理自定义结帐选择字段的问题

java - 针对 XSD 验证 XML

javascript - 隐藏表单并显示 div