微信小程序实现简单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 相关文章推荐
js创建数据共享接口——简化框架之间相互传值
Oct 23 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
Mar 21 Javascript
jQuery中filter()方法用法实例
Jan 06 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
Apr 05 Javascript
jquery制做精致的倒计时特效
Jun 13 Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
Aug 24 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
Nov 18 Javascript
JS实现页面进入和返回定位到具体位置
Dec 08 Javascript
react-native使用react-navigation进行页面跳转导航的示例
Sep 07 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
Nov 28 Javascript
Angular实现点击按钮控制隐藏和显示功能示例
Dec 29 Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
May 10 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
PHP5中虚函数的实现方法分享
2011/04/20 PHP
ThinkPHP利用PHPMailer实现邮件发送实现代码
2013/09/26 PHP
php导出csv格式数据并将数字转换成文本的思路以及代码分享
2014/06/05 PHP
Symfony2实现在doctrine中内置数据的方法
2016/02/05 PHP
PHP模板引擎Smarty内建函数foreach,foreachelse用法分析
2016/04/11 PHP
Linux服务器下PHPMailer发送邮件失败的问题解决
2017/03/04 PHP
Django 标签筛选的实现代码(一对多、多对多)
2018/09/05 PHP
PHP判断是否是微信打开还是浏览器打开的方法
2019/02/27 PHP
php+ajax 文件上传代码实例
2019/03/18 PHP
Js 刷新框架页的代码
2010/04/13 Javascript
Js 获取Gridview选中行的内容操作步骤
2013/02/05 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
2014/04/02 Javascript
JavaScript中的方法调用详细介绍
2014/12/30 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
2016/03/12 Javascript
jquery轮播的实现方式 附完整实例
2016/07/28 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
2017/03/27 Javascript
详解10分钟学会vue滚动行为
2017/09/21 Javascript
微信jssdk逻辑在vue中的运用详解
2018/11/14 Javascript
Vue中使用canvas方法总结
2019/02/12 Javascript
[02:25]专访DOTA2负责人Erik 国际邀请赛暂不会离开西雅
2014/07/21 DOTA
[00:10]DOTA2全国高校联赛 以DOTA2会友
2018/05/30 DOTA
python中异常报错处理方法汇总
2016/11/20 Python
基于python socketserver框架全面解析
2017/09/21 Python
python爬取淘宝商品销量信息
2018/11/16 Python
python selenium执行所有测试用例并生成报告的方法
2019/02/13 Python
用python实现刷点击率的示例代码
2019/02/21 Python
python中对数据进行各种排序的方法
2019/07/02 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
python 基于卡方值分箱算法的实现示例
2020/07/17 Python
Scholastic父母商店:儿童书籍
2017/01/01 全球购物
通往英国高街的商店橱窗:Down Your High Street
2020/07/19 全球购物
自荐信的基本格式
2014/02/22 职场文书
祖国在我心中演讲稿200字
2014/08/28 职场文书
教师个人发展总结
2015/02/11 职场文书
简历中的自我评价怎么写呢?
2019/04/30 职场文书
Python字符串常规操作小结
2022/04/03 Python