我需要知道,如何将每个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>
消息是:
请填写此字段。
问题是,我想更改此默认错误消息。
编辑:
我也想定义一个固定消息,并将该消息的一部分更改为自定义错误消息以进行验证,这是我的第二个问题。
例如:
“发送前请输入[----]”
感谢您的帮助。
您可以使用setCustomValidity
方法来定义自己的自定义错误消息。关于第二个问题,您应该定义一个函数,并设置name属性以将关键字传递给固定消息。
声明一个Javascript函数:
<script>
function applyValidation(x){
var msg = "Please enter"+ x.name +" before send"
x.setCustomValidity(msg);
}
</script>
然后在您的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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句