1.表單校驗(yàn)
在H5出來(lái)之后,我們?cè)谑褂肐nput的時(shí)候可以在Input表單里面直接就可以進(jìn)行一些簡(jiǎn)單的校驗(yàn)了,比如maxlength.required....之類(lèi)的,為我們的編碼帶來(lái)了很多的方便.廢話(huà)不多說(shuō),直接看代碼:
<input id='user_name' type='text' name='user_name' required/>
//這個(gè)Input輸入框現(xiàn)在就具備了簡(jiǎn)單的校驗(yàn)功能,通過(guò)required就可以限定這個(gè)input輸入框必須有輸入才可以提交
非常的方便,但是使用這個(gè)屬性的時(shí)候我遇到了一個(gè)問(wèn)題.當(dāng)用戶(hù)沒(méi)有輸入的時(shí)候會(huì)提示:請(qǐng)輸入此字段.
阿西吧
見(jiàn)下圖
西吧的字段
天了嚕,用戶(hù)知道字段是什么鬼.
所以,我們就要去解決這個(gè)問(wèn)題,經(jīng)過(guò)面向google編程的多年經(jīng)驗(yàn),找到了這個(gè)問(wèn)題的解決方法.記錄下來(lái),下次遇到這樣的坑就可以解決了.
2.解決方法
<input id='qq' type='text' name='qq' required oninvalid="setCustomValidity('請(qǐng)輸入QQ號(hào)碼蔫仙!');" oninput="setCustomValidity('');"/>
//通過(guò)添加2個(gè)語(yǔ)句就可以在校驗(yàn)的時(shí)候自定義錯(cuò)誤提示.oninvalid="setCustomValidity('在這里輸入自定義的表單驗(yàn)證提示!');"
見(jiàn)下圖:
QQ
OK,這個(gè)問(wèn)題就簡(jiǎn)單的解決了,其實(shí)很簡(jiǎn)單...