当输入的文本与模式不匹配时，我试图显示自定义消息。 以下是我使用的代码。
<input pattern="[a-zA-Z0-9]" name="firstName" id="firstname" required="" type="text" />
当我输入“akshay”这样的有效文本时；它向我显示无效消息:
'Please match the requested format'
此外，我想将此消息更改为自定义消息。我尝试使用上面给出的代码，但它不起作用。下面是我在下面使用的代码:
<script>
document.getElementById("firstname").addEventListener("invalid", function (e) {
var elem = e.target;
if (elem.value != "") {
e.target.setCustomValidity('Cannot contain special characters');
}
});
</script>
请帮我处理这段代码。
最佳答案
尝试在input标签中使用oninvalid方法
<input pattern="[a-zA-Z0-9]*" name="firstName" id="firstname" required="required"
type="text" oninvalid="oninvalid="this.setCustomValidity(this.willValidate?'':'Cannot contain special characters')" />
关于javascript - 为 HTML 中的无效字段自定义文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16115958/