微信小程序實現(xiàn)簡單input正則表達式驗證功能示例
本文實例講述了微信小程序實現(xiàn)簡單input正則表達式驗證功能。分享給大家供大家參考,具體如下:
1、效果展示
2、關鍵代碼
index.wxml文件
<input placeholder="輸入內容" bindinput="check"></input> <view>輸入結果:{{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、完整實例代碼點擊此處本站下載。
PS:這里再為大家提供2款非常方便的正則表達式工具供大家參考使用:
JavaScript正則表達式在線測試工具:
http://tools.jb51.net/regex/javascript
正則表達式在線生成工具:
http://tools.jb51.net/regex/create_reg
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關文章
JavaScript實現(xiàn)非常簡單實用的下拉菜單效果
這篇文章主要介紹了JavaScript實現(xiàn)非常簡單實用的下拉菜單效果,通過定義顯示及隱藏菜單項及鼠標事件調用該函數(shù)實現(xiàn)下拉菜單功能,需要的朋友可以參考下2015-08-08用JS實現(xiàn)網(wǎng)頁元素陰影效果的研究總結
用JS實現(xiàn)網(wǎng)頁元素陰影效果的研究總結...2007-08-08JavaScript中數(shù)據(jù)結構與算法(二):隊列
這篇文章主要介紹了JavaScript中數(shù)據(jù)結構與算法(二):隊列,隊列是只允許在一端進行插入操作,另一個進行刪除操作的線性表,隊列是一種先進先出(First-In-First-Out,F(xiàn)IFO)的數(shù)據(jù)結構,需要的朋友可以參考下2015-06-06Bootstrap CSS組件之下拉菜單(dropdown)
這篇文章主要為大家詳細介紹了Bootstrap CSS組件之下拉菜單(dropdown),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12