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


Posted in Javascript onNovember 30, 2017

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

1、效果展示

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

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、完整实例代码点击此处本站下载

Javascript 相关文章推荐
Javascript new关键字的玄机 以及其它
Aug 25 Javascript
一个简单的jquery的多选下拉框(自写)
May 05 Javascript
Js实现网页键盘控制翻页的方法
Oct 30 Javascript
node.js中的fs.appendFile方法使用说明
Dec 17 Javascript
实例详解JavaScript获取链接参数的方法
Jan 01 Javascript
jQuery Validation Plugin验证插件手动验证
Jan 26 Javascript
微信JS-SDK坐标位置如何转换为百度地图坐标
Jul 04 Javascript
一道优雅面试题分析js中fn()和return fn()的区别
Jul 05 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
Dec 20 Javascript
微信小程序实现登录遮罩效果
Nov 01 Javascript
微信小程序vant弹窗组件的实现方式
Feb 21 Javascript
Vue实现简单计算器案例
Feb 25 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
Nov 30 #Javascript
微信小程序实战篇之购物车的实现代码示例
Nov 30 #Javascript
微信小程序支付及退款流程详解
Nov 30 #Javascript
windows下更新npm和node的方法
Nov 30 #Javascript
实例教学如何写vue插件
Nov 30 #Javascript
微信小程序简单实现form表单获取输入数据功能示例
Nov 30 #Javascript
VueJs使用Amaze ui调整列表和内容页面
Nov 30 #Javascript
You might like
收音机频率指针指示不准确和灵敏度低问题
2021/03/02 无线电
当年上海收录机产品生产,进口和价格情况
2021/03/04 无线电
用session做客户验证时的注意事项
2006/10/09 PHP
PHP性能优化准备篇图解PEAR安装
2011/12/05 PHP
thinkphp的c方法使用示例
2014/02/24 PHP
超强多功能php绿色集成环境详解
2017/01/25 PHP
Yii2表单事件之Ajax提交实现方法
2017/05/04 PHP
PHP迭代与递归实现无限级分类
2017/08/28 PHP
FireFox中textNode分片的问题
2007/04/10 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
2010/10/20 Javascript
JS控制图片翻转示例代码(兼容firefox,ie,chrome)
2013/12/19 Javascript
Nodejs关于gzip/deflate压缩详解
2015/03/04 NodeJs
javascript中offset、client、scroll的属性总结
2015/08/13 Javascript
5 种JavaScript编码规范
2018/01/30 Javascript
webpack4.x CommonJS模块化浅析
2018/11/09 Javascript
vue配置nprogress实现页面顶部进度条
2019/09/21 Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
2020/03/12 Javascript
vscode 调试 node.js的方法步骤
2020/09/15 Javascript
浅谈vant组件Picker 选择器选单选问题
2020/11/04 Javascript
python实现分析apache和nginx日志文件并输出访客ip列表的方法
2015/04/04 Python
Python实现以时间换空间的缓存替换算法
2016/02/19 Python
Python打包文件夹的方法小结(zip,tar,tar.gz等)
2016/09/18 Python
python+mongodb数据抓取详细介绍
2017/10/25 Python
Python中关键字global和nonlocal的区别详解
2018/09/03 Python
python爬虫 爬取58同城上所有城市的租房信息详解
2019/07/30 Python
python使用正则表达式(Regular Expression)方法超详细
2019/12/30 Python
Pyqt助手安装PyQt5帮助文档过程图解
2020/11/20 Python
pandas按照列的值排序(某一列或者多列)
2020/12/13 Python
浅谈Html5移动端ios/Android兼容性总结
2018/06/01 HTML / CSS
新西兰购物网站:TheMarket NZ
2020/09/19 全球购物
两道JAVA笔试题
2016/09/14 面试题
高一学生期末评语
2014/04/25 职场文书
乡镇挂职心得体会
2014/09/04 职场文书
《落花生》教学反思
2016/02/16 职场文书
《乘法分配律》教学反思
2016/02/24 职场文书
Golang 对es的操作实例
2022/04/20 Golang