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