如何设置input输入框是必填项并弹窗提示呢？

input required属性 “请填写此字段”_业务需求

 

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

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

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

代码如下

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

加上 ：

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

就可以了！！！

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