form表单 input请填写此字段自定义修改

作者 : Maria Orlova 发布时间: 2022-05-9 共274人阅读

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

form表单 input请填写此字段自定义修改

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

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

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

代码如下:

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

加上 :

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

就可以了!!!

注意:其中setCustomValidity方法不需要定义!