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

如何将html验证的默认文本更改为自定义错误消息,html,validation,Html,Validation,我需要知道,如何将每个html验证的默认文本更改为自定义错误消息 我读了这篇文章: 这是我的html代码: <form> <input id="choose" name="i_like" required> <button>Submit</button> </form> 提交 信息是: 请填写这个字段 问题是,我想更改此默认错误消息 编辑: 我还想定义一条固定消息,并将该消息的一部分更改为自定义错误消息以进行验证,这是我

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

我读了这篇文章:

这是我的html代码:

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

提交
信息是:

请填写这个字段

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

编辑:

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

e、 g:

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


感谢您的帮助。

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

声明一个Javascript函数:

<script>

    function applyValidation(x){

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

函数应用验证(x){
var msg=“发送前请输入“+x.name+”
x、 设置客户有效期(msg);
}
然后在html中使用它:

<form>
    <input type="text" id="choose" name="input-name1" 
    required oninvalid="applyValidation(this)"
    oninput="setCustomValidity('')"  />

    <input type="text" id="choose" name="input-name2" 
    required oninvalid="applyValidation(this)"
    oninput="setCustomValidity('')"  />

  <button>Submit</button>
</form>

提交

此项的可能重复项正确且有效。但是我的第二个问题呢?