溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JavaScript中的checkValidity如何使用

發(fā)布時間:2022-03-02 10:34:48 來源:億速云 閱讀:419 作者:iii 欄目:web開發(fā)

這篇文章主要介紹了JavaScript中的checkValidity如何使用的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇JavaScript中的checkValidity如何使用文章都會有所收獲,下面我們一起來看看吧。

屬性 描述

checkValidity() 如果 input 元素包含有效數據,則返回 true。

setCustomValidity() 設置 input 元素的 validationMessage 屬性。

如果輸入字段包含無效數據,則顯示一條消息:

checkValidity() 方法

<input id="id1" type="number" min="100" max="300" required>

<button onclick="myFunction()">OK</button>

<p id="demo"></p>

<script>

function myFunction() {

  const inpObj = document.getElementById("id1");

  if (!inpObj.checkValidity()) {

    document.getElementById("demo").innerHTML = inpObj.validationMessage;

  }

}

</script>

關于“JavaScript中的checkValidity如何使用”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“JavaScript中的checkValidity如何使用”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI