微信小程序实现简单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中的delete使用详解
Apr 11 Javascript
javascript清空table表格的方法
May 14 Javascript
javascript控制层显示或隐藏的方法
Jul 22 Javascript
Javascript中prototype的使用详解
Jun 18 Javascript
JS简单设置下拉选择框默认值的方法
Aug 20 Javascript
Javascript中indexOf()和lastIndexOf应用方法实例
Aug 24 Javascript
基于JavaScript实现点击页面任何位置返回
Aug 31 Javascript
jquery实现页面加载效果
Feb 21 Javascript
JS中offset和匀速动画详解
Feb 06 Javascript
vue实现未登录跳转到登录页面的方法
Jul 17 Javascript
vue 使用html2canvas将DOM转化为图片的方法
Sep 11 Javascript
基于Electron实现桌面应用开发代码实例
Jul 07 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
全国FM电台频率大全 - 22 重庆市
2020/03/11 无线电
《雄兵连》系列首部大电影《烈阳天道》:可能是因为期望值太高了
2020/08/18 国漫
php生成数组的使用示例 php全组合算法
2014/01/16 PHP
ThinkPHP3.2.2的插件控制器功能简述
2014/07/09 PHP
PHP中使用sleep造成mysql读取失败的案例和解决方法
2014/08/21 PHP
php简单实现无限分类树形列表的方法
2015/03/27 PHP
TNC vs BOOM BO3 第二场2.13
2021/03/10 DOTA
基于jquery的划词搜索实现(备忘)
2010/09/14 Javascript
JavaScript实现为input与textarea自定义hover,focus效果的方法
2015/08/21 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
2016/08/25 Javascript
js基本算法:冒泡排序,二分查找的简单实例
2016/10/08 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
2016/12/13 Javascript
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
2017/04/03 jQuery
vue实现动态数据绑定
2017/04/28 Javascript
基于vue.js 2.x的虚拟滚动条的示例代码
2018/01/23 Javascript
Vue.js组件高级特性实例详解
2018/12/24 Javascript
Vue自定义render统一项目组弹框功能
2020/06/07 Javascript
[00:56]PWL开团时刻DAY8——追追追追追!
2020/11/09 DOTA
Python日志模块logging简介
2015/04/13 Python
在Python中编写数据库模块的教程
2015/04/29 Python
利用Python3分析sitemap.xml并抓取导出全站链接详解
2017/07/04 Python
numpy基础教程之np.linalg
2019/02/12 Python
Python函数的定义方式与函数参数问题实例分析
2019/12/26 Python
K最近邻算法(KNN)---sklearn+python实现方式
2020/02/24 Python
一款简洁的纯css3代码实现的动画导航
2014/10/31 HTML / CSS
简单几步用纯CSS3实现3D翻转效果
2019/01/17 HTML / CSS
迪拜航空官方网站:flydubai
2017/04/20 全球购物
英国DVD和蓝光碟片购买网站:Zoom.co.uk(电影和电视)
2019/09/23 全球购物
什么是.net的Remoting技术
2016/07/08 面试题
大学生入党自我鉴定
2013/10/31 职场文书
实习生单位鉴定意见
2013/12/04 职场文书
校庆活动方案
2014/03/31 职场文书
低碳环保倡议书
2014/04/14 职场文书
写得不错的求职信范文
2014/07/11 职场文书
学生打架检讨书
2014/10/20 职场文书
《钓鱼的启示》教学反思
2016/02/18 职场文书