input有一个required属性 是定义：指示输入字段的值是必需的！

所以只要input添加了required属性 那么只要为空 就会自动弹出“请填写此字段”

但是根据不同的业务需求场景 我们有时候需要修改其中的文字：

代码如下

<input id="code1" type="text" placeholder="验证码" required oninvalid="setCustomValidity('请输入验证码！');" 
oninput="setCustomValidity('');" />

加上 ：

oninvalid="setCustomValidity('请输入验证码！');" oninput="setCustomValidity('');"

就可以了！！！

注意：其中setCustomValidity方法不需要定义！

链接：https://www.cnblogs.com/sq-life/p/15185521.html