input required屬性 “請填寫此字段”


如何設置input輸入框是必填項並彈窗提示呢?

 

input有一個required屬性 是定義:指示輸入字段的值是必需的!

所以只要input添加了required屬性 那么只要為空 就會自動彈出“請填寫此字段”

但是根據不同的業務需求場景 我們有時候需要修改其中的文字:

代碼如下

<input id="code1" type="text" placeholder="驗證碼" required oninvalid="setCustomValidity('請輸入驗證碼!');" oninput="setCustomValidity('');" />

加上 :

oninvalid="setCustomValidity('請輸入驗證碼!');" oninput="setCustomValidity('');"

就可以了!!!

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM