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

互联网 18-6-22
这篇文章主要介绍了微信小程序实现简单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:''       })     }   } })

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

微信小程序开发之手势解锁的介绍

微信小程序实现的贪吃蛇游戏【附源码】

以上就是微信小程序实现简单input正则表达式的验证功能的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: 验证
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:微信小程序开发之手势解锁的介绍

相关资讯