微信小程序?qū)崿F(xiàn)簡單input正則表達(dá)式驗(yàn)證功能示例
本文實(shí)例講述了微信小程序?qū)崿F(xiàn)簡單input正則表達(dá)式驗(yàn)證功能。分享給大家供大家參考,具體如下:
1、效果展示
2、關(guān)鍵代碼
index.wxml文件
<input placeholder="輸入內(nèi)容" bindinput="check"></input> <view>輸入結(jié)果:{{result}}</view>
index.js文件
Page({ data:{ result:'' }, check:function(e){ var regLowerCase=new RegExp('[a-z]','g');//判斷用戶輸入的是否為小寫字母 var regCapitalLetter=new RegExp('[A-Z]','g');//判斷用戶輸入的是否為大寫字母 var regNum=new RegExp('[0-9]','g');//判斷用戶輸入的是否為數(shù)字 var rsLowerCase=regLowerCase.exec(e.detail.value); var rsCapitalLetter=regCapitalLetter.exec(e.detail.value); var rsNum=regNum.exec(e.detail.value); if(rsLowerCase){ this.setData({ result:'您輸入的是小寫字母' }) }else if(rsCapitalLetter){ this.setData({ result:'您輸入的是大寫字母' }) }else if(rsNum){ this.setData({ result:'您輸入的是數(shù)字' }) }else{ this.setData({ result:'' }) } } })
3、完整實(shí)例代碼點(diǎn)擊此處本站下載。
PS:這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用:
JavaScript正則表達(dá)式在線測試工具:
http://tools.jb51.net/regex/javascript
正則表達(dá)式在線生成工具:
http://tools.jb51.net/regex/create_reg
希望本文所述對(duì)大家微信小程序開發(fā)有所幫助。
相關(guān)文章
JavaScript實(shí)現(xiàn)非常簡單實(shí)用的下拉菜單效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)非常簡單實(shí)用的下拉菜單效果,通過定義顯示及隱藏菜單項(xiàng)及鼠標(biāo)事件調(diào)用該函數(shù)實(shí)現(xiàn)下拉菜單功能,需要的朋友可以參考下2015-08-08用JS實(shí)現(xiàn)網(wǎng)頁元素陰影效果的研究總結(jié)
用JS實(shí)現(xiàn)網(wǎng)頁元素陰影效果的研究總結(jié)...2007-08-08JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(二):隊(duì)列
這篇文章主要介紹了JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(二):隊(duì)列,隊(duì)列是只允許在一端進(jìn)行插入操作,另一個(gè)進(jìn)行刪除操作的線性表,隊(duì)列是一種先進(jìn)先出(First-In-First-Out,F(xiàn)IFO)的數(shù)據(jù)結(jié)構(gòu),需要的朋友可以參考下2015-06-06javascript實(shí)現(xiàn)3D變換的立體圓圈實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)3D變換的立體圓圈效果,涉及javascript動(dòng)態(tài)操作頁面元素實(shí)現(xiàn)滾動(dòng)與變色的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08Bootstrap CSS組件之下拉菜單(dropdown)
這篇文章主要為大家詳細(xì)介紹了Bootstrap CSS組件之下拉菜單(dropdown),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12JavaScript 程序循環(huán)結(jié)構(gòu)詳解
這篇文章主要為大家介紹了JavaScript 程序循環(huán)結(jié)構(gòu),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2021-12-12javascript中attachEvent用法實(shí)例分析
這篇文章主要介紹了javascript中attachEvent用法,實(shí)例分析了javascript中事件綁定的相關(guān)技巧,需要的朋友可以參考下2015-05-05