html5自定義required的提示文字

<input type=“text” required oninvalid=“setCustomValidity(‘不能為空aaa’)” οninput=“setCustomValidity(’’)”>

HTML5表單驗證給前端開發帶來許多便利，但是預設的提示不友好。我們可以通過setCustomValidity方法來自定義提示資訊，更準确的提示給使用者。

在使用者輸入的時候使用setCustomValidity(’’)将錯誤提示設定為空字元串，在輸入不合法時用setCustomValidity(‘自定義提示資訊’)來替換提示資訊，這樣寫會有些問題就是如果使用者沒有輸入那麼還是預設的提示資訊，是以可以用任何方式擷取到這個元素，然後調用它的setCustomValidity()方法先将提示資訊設定為空字元串