微信小程序实现简单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常见注意事项
Jan 01 Javascript
jQuery数据显示插件整合实现代码
Oct 24 Javascript
浏览器页面区域大小的js获取方法
Sep 21 Javascript
基于jQuery实现左右图片轮播(原理通用)
Dec 24 Javascript
jQuery给元素添加样式的方法详解
Dec 30 Javascript
JQuery validate 验证一个单独的表单元素实例
Feb 17 Javascript
详解如何将angular-ui的图片轮播组件封装成一个指令
May 09 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
Jul 13 Javascript
JavaScript中set与get方法用法示例
Aug 15 Javascript
angular1.x ui-route传参的三种写法小结
Aug 31 Javascript
基于Vue 服务端Cookies删除的问题
Sep 21 Javascript
解决nuxt页面中mounted、created、watch执行两遍的问题
Nov 05 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
开发大型 PHP 项目的方法
2007/01/02 PHP
PHP字符串 ==比较运算符的副作用
2009/10/21 PHP
PHP中英混合字符串截取函数代码
2011/07/17 PHP
php分页函数示例代码分享
2014/02/24 PHP
thinkphp特殊标签用法概述
2014/11/24 PHP
根据key删除数组中指定的元素实现方法
2017/03/02 PHP
JSON JQUERY模板实现说明
2010/07/03 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
2016/11/02 Javascript
BootStrapTable服务器分页实例解析
2016/12/20 Javascript
微信小程序 数据交互与渲染实例详解
2017/01/21 Javascript
谈谈对vue响应式数据更新的误解
2017/08/01 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
2017/09/07 Javascript
vue生成token保存在客户端localStorage中的方法
2017/10/25 Javascript
vue.js将时间戳转化为日期格式的实现代码
2018/06/05 Javascript
详解微信小程序开发聊天室—实时聊天,支持图片预览
2019/05/20 Javascript
npm qs模块使用详解
2020/02/07 Javascript
[58:25]VP vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python发腾讯微博代码分享
2014/01/10 Python
实例解析Python中的__new__特殊方法
2016/06/02 Python
Python遍历numpy数组的实例
2018/04/04 Python
python实现列表中由数值查到索引的方法
2018/06/27 Python
python判断文件夹内是否存在指定后缀文件的实例
2019/06/10 Python
Numpy中对向量、矩阵的使用详解
2019/10/29 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
pytorch对梯度进行可视化进行梯度检查教程
2020/02/04 Python
python 6.7 编写printTable()函数表格打印(完整代码)
2020/03/25 Python
使用keras实现非线性回归(两种加激活函数的方式)
2020/07/05 Python
python制作一个简单的gui 数据库查询界面
2020/11/19 Python
美国著名的团购网站:Woot
2016/08/02 全球购物
什么造成了Java里面的异常
2016/04/24 面试题
女大学生毕业找工作的自我评价
2013/10/03 职场文书
党课心得体会范文
2014/09/09 职场文书
传承焦裕禄精神思想汇报2014
2014/09/10 职场文书
2015年八一建军节演讲稿
2015/03/19 职场文书
篮球赛新闻稿
2015/07/17 职场文书
15个值得收藏的JavaScript函数
2021/09/15 Javascript