網上看到如下的代碼，然后輸入不符合要求的數字時對應的代碼是 inpObj.validationMessage，我測驗了輸入字串、輸入25、輸入450 這3種情況下回傳的陳述句，是3句不同的話，然后想咨詢一下這里的validationMessage是一個屬性嗎，為什么會自動回傳不同的陳述句，這個是和第一行input里面所設定的 type="number" min="100" max="300"這些屬性有關嗎
<body>
<p>輸入數字并點擊提交：</p>
<input id="id1" type="number" min="100" max="300" required>
<button onclick="myFunction()">提交</button>
<p>如果該數字小于 100 或大于 300，將顯示錯誤訊息。</p>
<p id="demo"></p>
<script>
function myFunction() {
var inpObj = document.getElementById("id1");
if (!inpObj.checkValidity()) {
document.getElementById("demo").innerHTML = inpObj.validationMessage;
} else {
document.getElementById("demo").innerHTML = "輸入有效";
}
}
</script>
</body>
uj5u.com熱心網友回復：
是。而且好像不同瀏覽器validationMessage還會不一樣。像25,450可能在不同瀏覽器就會回傳不一樣的資訊這個沒必要去研究它們，知道有這么個東西就完事。真正的驗證不應該用這個，這個也會有兼容性問題
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/270263.html
標籤：JavaScript
下一篇：怎么搭建區塊瀏覽器