微信小程序實現(xiàn)簡單input正則表達式驗證功能示例
更新時間：2017年11月30日 11:11:36 作者：FutrueJet
這篇文章主要介紹了微信小程序實現(xiàn)簡單input正則表達式驗證功能,結合實例形式分析了微信小程序input組件事件綁定及正則驗證相關操作技巧,需要的朋友可以參考下
本文實例講述了微信小程序實現(xiàn)簡單input正則表達式驗證功能。分享給大家供大家參考，具體如下：
1、效果展示
2、關鍵代碼
index.wxml文件
<input placeholder="輸入內(nèi)容" 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ā)有所幫助。
相關文章
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)收貨地址左滑刪除，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要介紹了js獲取及判斷鍵盤按鍵的方法,涉及JavaScript鍵盤事件的獲取及鍵值的判定技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了微信小程序8種數(shù)據(jù)通信的方式小結，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-02-02
下面小編就為大家?guī)硪黄狫S判斷瀏覽器是否安裝flash插件的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
這篇文章主要給大家介紹了關于如何通過一次報錯詳細談談Point事件的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2018-05-05
一鍵回頂功能想必大家在瀏覽網(wǎng)頁時會經(jīng)常遇到吧，實現(xiàn)的方法也有很多，在本文為大家介紹下js是如何實現(xiàn)的，感興趣的朋友可以參考下2013-10-10
分享別人寫的一個小型js框架...2007-08-08
這篇文章主要為大家詳細介紹了javascript入門之實現(xiàn)放大鏡功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-12-12 
Javascript實現(xiàn)的類似Google的Div拖動效果代碼
Javascript實現(xiàn)的類似Google的Div拖動效果代碼，需要的朋友可以參考下。
2011-08-08