微信小程序实现简单input正则表达式验证功能示例
更新时间：2017年11月30日 11:11:36 作者：FutrueJet
这篇文章主要介绍了微信小程序实现简单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、完整实例代码点击此处本站下载。
PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：
JavaScript正则表达式在线测试工具：
http://tools.jb51.net/regex/javascript
正则表达式在线生成工具：
http://tools.jb51.net/regex/create_reg
希望本文所述对大家微信小程序开发有所帮助。
相关文章
下面小编就为大家分享一篇纯js代码生成可搜索选择下拉列表的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
箭头函数是和我们工作密切相关的东西，本文主要介绍了js中什么时候不能使用箭头函数，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
这篇文章主要介绍了如何用JavaScript学习算法复杂度，对算法感兴趣的同学，一定要看一下2021-04-04
当某个元素，如：div，同时绑定了click事件和dblclick事件，而这两个事件又要处理相对独立的业务，也就是click的时候不能触发dblclick，dblclick的时候不能触发click2012-07-07
JavaScript中手动实现Array.prototype.map方法
在前端开发中,我们经常需要对数组进行操作和处理,本文主要介绍了JavaScript中手动实现Array.prototype.map方法,具有一定的参考价值,感兴趣的可以了解一下2024-02-02
这篇文章主要为大家详细介绍了微信小程序实现导航栏选项卡效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-02-02
有时候一些js代码并不希望在别的浏览器下运行，就需要事先判断一下，方便下面的操作。2010-03-03
这篇文章主要为大家详细介绍了JavaScript如何实现控制并发请求数量,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2024-02-02
深拷贝和浅拷贝是在JavaScript中复制对象或数组时经常遇到的概念,下面这篇文章主要给大家介绍了关于JS实现深拷贝的几种简单方法,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-10-10
JS控件bootstrap suggest plugin使用方法详解
这篇文章主要介绍了JS控件bootstrap suggest plugin的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
最新评论