input表單校驗(yàn)提示語(yǔ)的自定義

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)單...


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市囊陡,隨后出現(xiàn)的幾起案子会涎,更是在濱河造成了極大的恐慌,老刑警劉巖惯退,帶你破解...
    沈念sama閱讀 217,084評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡许蓖,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)调衰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)膊爪,“玉大人,你說(shuō)我怎么就攤上這事嚎莉∶壮辏” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,450評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵趋箩,是天一觀(guān)的道長(zhǎng)赃额。 經(jīng)常有香客問(wèn)我,道長(zhǎng)阁簸,這世上最難降的妖魔是什么爬早? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,322評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮启妹,結(jié)果婚禮上筛严,老公的妹妹穿的比我還像新娘。我一直安慰自己饶米,他們只是感情好桨啃,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著檬输,像睡著了一般照瘾。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上丧慈,一...
    開(kāi)封第一講書(shū)人閱讀 51,274評(píng)論 1 300
  • 那天析命,我揣著相機(jī)與錄音,去河邊找鬼逃默。 笑死鹃愤,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的完域。 我是一名探鬼主播软吐,決...
    沈念sama閱讀 40,126評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼吟税!你這毒婦竟也來(lái)了凹耙?” 一聲冷哼從身側(cè)響起姿现,我...
    開(kāi)封第一講書(shū)人閱讀 38,980評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎肖抱,沒(méi)想到半個(gè)月后备典,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,414評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡虐沥,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評(píng)論 3 334
  • 正文 我和宋清朗相戀三年熊经,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片欲险。...
    茶點(diǎn)故事閱讀 39,773評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖匹涮,靈堂內(nèi)的尸體忽然破棺而出天试,到底是詐尸還是另有隱情,我是刑警寧澤然低,帶...
    沈念sama閱讀 35,470評(píng)論 5 344
  • 正文 年R本政府宣布喜每,位于F島的核電站,受9級(jí)特大地震影響雳攘,放射性物質(zhì)發(fā)生泄漏带兜。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評(píng)論 3 327
  • 文/蒙蒙 一吨灭、第九天 我趴在偏房一處隱蔽的房頂上張望刚照。 院中可真熱鬧,春花似錦喧兄、人聲如沸无畔。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,713評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)浑彰。三九已至,卻和暖如春拯辙,著一層夾襖步出監(jiān)牢的瞬間郭变,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,852評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工涯保, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留诉濒,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,865評(píng)論 2 370
  • 正文 我出身青樓遭赂,卻偏偏與公主長(zhǎng)得像循诉,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子撇他,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 1.簡(jiǎn)單的H5表單 當(dāng)我們點(diǎn)擊注冊(cè)按鈕的時(shí)候會(huì)對(duì)表單進(jìn)行校驗(yàn) 2.Angular表單的分類(lèi) 兩種表單的不同點(diǎn) 3....
    神豪VS勇士贏(yíng)閱讀 787評(píng)論 0 1
  • 表單基礎(chǔ)知識(shí) 在HTML中茄猫,表單是由 元素來(lái)表示的狈蚤,而在JS中,表單對(duì)應(yīng)的則是HTMLFormElement類(lèi)型划纽。...
    oWSQo閱讀 909評(píng)論 0 1
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理脆侮,服務(wù)發(fā)現(xiàn),斷路器勇劣,智...
    卡卡羅2017閱讀 134,654評(píng)論 18 139
  • 好文章要讓更多的人知道>副堋!本文轉(zhuǎn)載自:開(kāi)源社區(qū)原文鏈接:https://www.kysq.com/article/...
    php_bruce閱讀 1,158評(píng)論 1 28
  • HTML表單 在HTML中比默,表單是 ... 之間元素的集合幻捏,它們?cè)试S訪(fǎng)問(wèn)者輸入文本、選擇選項(xiàng)命咐、操作對(duì)象等等篡九,然后將...
    蘭山小亭閱讀 3,417評(píng)論 2 14