微信小程序实现简单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、完整实例代码点击此处本站下载。
PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:
JavaScript正则表达式在线测试工具:
http://tools.gimoo.net/regex/javascript
正则表达式在线生成工具:
http://tools.gimoo.net/regex/create_reg
希望本文所述对大家微信小程序开发有所帮助。
Bootstrap Table 搜索框和查询功能
1..知识点bootstrapTable刷新和查询配置2.提升js代码性能1.减少全局变量声明2.缓存dom节点查找结果3.局部变量缓存全局变量/***@paramcolbootstrapTable列表生成配
JS和JQuery实现雪花飘落效果
很多朋友在做特效网页的时候需要用到雪花飘落的效果,我们这里给大家整理了分别用JS还有JQuery两种代码实现这个效果的方式。我们先来看一下需要实
javascript修改浏览器title方法 JS动态修改浏览器标题
title在html中属于特殊的节点元素.因为它可以使用document.getElementsByTagName("title")[0]来获取网页的title标签,但却无法用document.getElementsByTagName("title")[0].innerHtm
编辑:编程语言
标签:的是,在线,效果,代码,给大家