<input type="text" required oninvalid="setCustomValidity('不能為空aaa')" oninput="setCustomValidity('')">
HTML5表單驗證給前端開發帶來許多便利,但是默認的提示不友好。我們可以通過setCustomValidity方法來自定義提示信息,更準確的提示給用戶。
在用戶輸入的時候使用setCustomValidity('')將錯誤提示設置為空字符串,在輸入不合法時用setCustomValidity('自定義提示信息')來替換提示信息,這樣寫會有些問題就是如果用戶沒有輸入那么還是默認的提示信息,所以可以用任何方式獲取到這個元素,然后調用它的setCustomValidity()方法先將提示信息設置為空字符串
新聞熱點
疑難解答