如何将html验证的默认文本更改为自定义错误消息
我需要知道,如何将每个html验证的默认文本更改为自定义错误消息 我读了这篇文章: 这是我的html代码:如何将html验证的默认文本更改为自定义错误消息,html,validation,Html,Validation,我需要知道,如何将每个html验证的默认文本更改为自定义错误消息 我读了这篇文章: 这是我的html代码: <form> <input id="choose" name="i_like" required> <button>Submit</button> </form> 提交 信息是: 请填写这个字段 问题是,我想更改此默认错误消息 编辑: 我还想定义一条固定消息,并将该消息的一部分更改为自定义错误消息以进行验证,这是我
<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>
提交
此项的可能重复项正确且有效。但是我的第二个问题呢?