微信小程序实现简单input正则表达式验证功能示例

微信小程序实现简单input正则表达式验证功能示例

本文实例讲述了微信小程序实现简单input正则表达式验证功能。分享给大家供大家参考，具体如下：

1、效果展示

2、关键代码

index.wxml文件

输入结果：{{result}}

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({

repwdHHsult:'您输入的是小写字母'

})

}else if(rsCappwdHHitalLetter){

this.setData({

result:'您输入的是大写字母'

})

}else if(rsNum){

this.setData({

result:'您输入的是数字'

})

}ehttp://lse{

this.setData({

result:''

})

}

}

})

3、完整实例代码点击此处本站下载。

PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：

javascript正则表达式在线测试工具：

http://tools.jb51.net/regex/javascript

正则表达式在线生成工具：

http://tools.jb51.net/regex/create_reg

希望本文所述对大家微信小程序开发有所帮助。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。