本文主要介绍了微信小程序实现简单input正则表达式验证功能,结合实例形式分析了微信小程序input组件事件绑定及正则验证相关操作技巧,需要的朋友可以参考下,希望能帮助到大家。
本文实例讲述了微信小程序实现简单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');//判断用户输入的是否为数字 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:'您输入的是数字' }) }else{ this.setData({ result:'' }) } } })
3、完整实例代码点击此处本站下载。
相关推荐:
input type=file 选择图片并且实现预览效果详解
Atas ialah kandungan terperinci 微信小程序实现简单input正则表达式验证功能分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!