澳洲幸运5直播天天计划

核彈頭H5小游戲

關閉

核彈頭小游戲

游戲輕松點
無需下載,點開即玩

拿起手機!掃我啊

核彈頭小游戲
無需下載點擊即玩

回到頂部

當前位置: 核彈頭首頁 > 游戲教程 > 正文

html5 required 驗證顯示信息能不能修改

來源:www.kseom.com.cn    作者:集   時間:2016-04-25

小編看到不少玩家都在問如何改變表單required的提示文字,接下來小編就為您帶來詳細解答。

html5 required 驗證顯示信息到底應該怎么修改呢?修改的同時可否再美化一下,通過這個required判斷來改變表單文本框的提示樣式?本文小編就為您帶來詳細教程,希望對大家能夠有所幫助。

首先是改變提示文字。默認的文字是“請填寫此字段”和“請匹配要求的格式”。

如果只是最簡單的非空驗證,如下代碼可以解決:

<input type="text" name="user_name" required oninvalid="setCustomValidity('不能為空')" oninput="setCustomValidity('')" />

如果想更為復雜,更多邏輯判斷,js代碼不寫到html里面,可以參考《財付通的一篇文章》。

如果想判斷的時候,改變文本框樣式、加驗證小圖標什么的,可以用到這幾個CSS偽類:

/*===包含required的表單===*/

/* 無效 */

input:required:invalid{

CSS代碼

}

/* 有效 */

input:required:valid{

CSS代碼

}

我只是做了最簡單的背景圖和邊框顏色。當然如果你還可以放個span在表單后面,警告為紅色字,通過相鄰選擇符(E+F)來控制后面的span的顯示和隱藏。

以上便是小編為您帶來的全部內容了,更多精彩內容敬請關注核彈頭小游戲網。

核彈頭小游戲網發布此文僅為傳遞信息,不代表認同其觀點或者證實其描述!
澳洲幸运5直播天天计划