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('');});