自定义HTML中无效字段的文本
问题描述:
我试图在输入的文本与模式不匹配时显示自定义消息。 以下是我用过的代码。自定义HTML中无效字段的文本
<input pattern="[a-zA-Z0-9]" name="firstName" id="firstname" required="" type="text" />
当我输入像'akshay'这样的有效文本;它显示了无效的消息'请匹配请求的格式'
另外,我想将此消息更改为自定义的消息。我尝试使用上面给出的代码,但它不工作。以下是我在下面使用的代码:
<script>
document.getElementById("firstname").addEventListener("invalid", function (e) {
var elem = e.target;
if (elem.value != "") {
e.target.setCustomValidity('Cannot contain special characters');
}
});
</script>
请帮我这个代码。
答
尝试使用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')" />
+0
感谢泰米尔Selvan ..它的工作原理,因为我通缉..但它是变得无效,当我给一个像'akshay'有效的文本.. – user1822832 2013-04-20 03:48:45
+0
看到更新的答案 – 2013-04-20 03:55:44
看到这个http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_pattern – claudioivp 2013-04-20 02:44:38