javascript實(shí)現(xiàn)文本框標(biāo)簽驗(yàn)證的實(shí)例代碼
具體代碼如下所述:
< !DOCTYPE html > <html lang = "en" > <head > <meta charset = "UTF-8" > <title > Document < /title> </head > <style type = "text/css" > body { background: #ccc; } label { width: 100px; display: inline - block; } span { color: red; }.container { margin: 100px auto; width: 400px; padding: 50px; line - height: 40px; } span { margin - left: 30px; font - size: 12px; } < /style> <body> <div class="container"> <label>姓名不能為空</label > <input type = "text"id = "inp1" > <span > </span><br/ > <label > phone不能為空 < /label><input type="text" id="inp2"><span></span > <br / ></div> <script> / / 失去焦點(diǎn)后判斷用戶輸入是否為空 var inp1 = document.getElementById("inp1"); inp1.onblur = function() { if (trim(this.value) === "") { alert("輸入不能為空"); } else { alert("輸入正確"); } }; function trim(str) { return str.replace(/^\s+|\s+$/g, ""); } var inp2 = document.getElementById("inp2"); inp2.onblur = function(e) { if (inp2.value == "4444") { alert("正確"); e.stopPropagation(); } else { alert("錯(cuò)誤") } }; < /script> </body > </html>
總結(jié)
以上所述是小編給大家介紹的javascript實(shí)現(xiàn)文本框標(biāo)簽驗(yàn)證的實(shí)例代碼,希望對(duì)大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
相關(guān)文章
onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求
登陸頁(yè)面需要撲捉用戶按下回車自動(dòng)提交的需求,于是相到在body里添加onkeydown事件跳javascript在提交表單,具體看下實(shí)現(xiàn)代碼,希望對(duì)你有所幫助2013-04-04js 顯示日期時(shí)間的實(shí)例(時(shí)間過一秒加1)
下面小編就為大家?guī)?lái)一篇js 顯示日期時(shí)間的實(shí)例(時(shí)間過一秒加1)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-10-10Layui 導(dǎo)航默認(rèn)展開和菜單欄選中高亮設(shè)置的方法
今天小編就為大家分享一篇Layui 導(dǎo)航默認(rèn)展開和菜單欄選中高亮設(shè)置的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2019-09-09js移動(dòng)端事件基礎(chǔ)及常用事件庫(kù)詳解
這篇文章主要為大家詳細(xì)介紹了js移動(dòng)端事件基礎(chǔ)及常用事件庫(kù),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08微信小程序wx.getUserInfo授權(quán)獲取用戶信息(頭像、昵稱)的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序wx.getUserInfo授權(quán)獲取用戶信息(頭像、昵稱)的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08JS模仿手機(jī)端九宮格登錄功能實(shí)現(xiàn)代碼
這篇文章主要介紹了JS模仿手機(jī)端九宮格登錄功能實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下2016-04-04