如何設置input輸入框是必填項並彈窗提示呢?
input有一個required屬性 是定義:指示輸入字段的值是必需的!
所以只要input添加了required屬性 那么只要為空 就會自動彈出“請填寫此字段”
但是根據不同的業務需求場景 我們有時候需要修改其中的文字:
代碼如下
<input id="code1" type="text" placeholder="驗證碼" required oninvalid="setCustomValidity('請輸入驗證碼!');" oninput="setCustomValidity('');" />
加上 :
oninvalid="setCustomValidity('請輸入驗證碼!');" oninput="setCustomValidity('');"
就可以了!!!
注意:其中setCustomValidity方法不需要定義!