HTML input標簽required自定義提示文本且防止多次彈出提示

 <input type="text" name="objName" required  onkeyup="this.value=this.value.replace(/^ +| +$/g,'')" oninvalid="setCustomValidity('請輸入名稱')" oninput="setCustomValidity('')" /> 

此處放一個鏈接：HTML input標簽required自定義提示文本

如上代碼所示：onkeyup為清除空格，oninvalid為自定義的提示信息

提交時會自動提示。

此處有個小問題：這個提示會一直存在。只要第一次提交時，input為空。即使再次輸入值之后，依舊一直提示“請輸入名稱”。

不知道為什么，測試就一直還會出現提示讓輸入名稱。

沒辦法，就自己加了一個觸發oninput的方法，才得以解決。代碼如下：

$("input name='objName'").on('input propertychange',function(){this.setCustomValidity('');});