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

 

posted on 2019-09-29 15:27  茫无所知  阅读(1264)  评论(0编辑  收藏  举报