本文實(shí)例講述了微信小程序?qū)崿F(xiàn)簡(jiǎ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');//判斷用戶輸入的是否為小寫(xiě)字母 var regCapitalLetter=new RegExp('[A-Z]','g');//判斷用戶輸入的是否為大寫(xiě)字母 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:'您輸入的是小寫(xiě)字母' }) }else if(rsCapitalLetter){ this.setData({ result:'您輸入的是大寫(xiě)字母' }) }else if(rsNum){ this.setData({ result:'您輸入的是數(shù)字' }) }else{ this.setData({ result:'' }) } }})
3、完整實(shí)例代碼點(diǎn)擊此處本站下載。
PS:這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用:
JavaScript正則表達(dá)式在線測(cè)試工具:
http://tools.VeVB.COm/regex/javascript
正則表達(dá)式在線生成工具:
http://tools.VeVB.COm/regex/create_reg
希望本文所述對(duì)大家微信小程序開(kāi)發(fā)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注