Question

我需要知道，如何将每个html验证的默认文本更改为自定义错误消息。

我阅读了这篇文章： https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation

这是我的html代码：

<form>
  <input id="choose" name="i_like" required>
  <button>Submit</button>
</form>

消息是：

请填写此字段。

问题是，我想更改此默认错误消息。

已编辑：

我还想定义一条固定消息，并将此消息的一部分更改为自定义错误消息以进行验证，这是我的第二个问题。

例如：

“发送前请输入[----]”

谢谢您的帮助。

Answer 1

您可以使用document.elementsFromPoint()方法来定义自己的自定义错误消息。关于第二个问题，您应该定义一个函数，并设置name属性以将关键字传递给固定消息。

声明一个Javascript函数：

setCustomValidity

然后在您的html中使用它：

<script>

    function applyValidation(x){

        var msg = "Please enter"+ x.name +" before send"
        x.setCustomValidity(msg);
    }
</script>

如何将HTML验证的默认文本更改为自定义错误消息

1 个答案: