如何设置input输入框是必填项并弹窗提示呢?
input有一个required属性 是定义:指示输入字段的值是必需的!
所以只要input添加了required属性 那么只要为空 就会自动弹出“请填写此字段”
但是根据不同的业务需求场景 我们有时候需要修改其中的文字:
代码如下
<input id="code1" type="text" placeholder="验证码" required oninvalid="setCustomValidity(‘请输入验证码!‘);" oninput="setCustomValidity(‘‘);" />
加上 :
oninvalid="setCustomValidity(‘请输入验证码!‘);" oninput="setCustomValidity(‘‘);"
就可以了!!!
注意:其中setCustomValidity方法不需要定义!