微信小程序实现简单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

希望本文所述对大家微信小程序开发有所帮助。

相关文章

  • 微信小程序实现收货地址左滑删除

    微信小程序实现收货地址左滑删除

    这篇文章主要为大家详细介绍了微信小程序实现收货地址左滑删除,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • js获取及判断键盘按键的方法

    js获取及判断键盘按键的方法

    这篇文章主要介绍了js获取及判断键盘按键的方法,涉及JavaScript键盘事件的获取及键值的判定技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-12-12
  • 微信小程序8种数据通信的方式小结

    微信小程序8种数据通信的方式小结

    这篇文章主要介绍了微信小程序8种数据通信的方式小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • JS判断浏览器是否安装flash插件的简单方法

    JS判断浏览器是否安装flash插件的简单方法

    下面小编就为大家带来一篇JS判断浏览器是否安装flash插件的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • 通过一次报错详细谈谈Point事件

    通过一次报错详细谈谈Point事件

    这篇文章主要给大家介绍了关于如何通过一次报错详细谈谈Point事件的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2018-05-05
  • JS实现一键回顶功能示例代码

    JS实现一键回顶功能示例代码

    一键回顶功能想必大家在浏览网页时会经常遇到吧,实现的方法也有很多,在本文为大家介绍下js是如何实现的,感兴趣的朋友可以参考下
    2013-10-10
  • 分享别人写的一个小型js框架

    分享别人写的一个小型js框架

    分享别人写的一个小型js框架...
    2007-08-08
  • 使用layer模态框给新页面传值的方法

    使用layer模态框给新页面传值的方法

    今天小编就为大家分享一篇使用layer模态框给新页面传值的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • javascript实现放大镜功能

    javascript实现放大镜功能

    这篇文章主要为大家详细介绍了javascript入门之实现放大镜功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • Javascript实现的类似Google的Div拖动效果代码

    Javascript实现的类似Google的Div拖动效果代码

    Javascript实现的类似Google的Div拖动效果代码,需要的朋友可以参考下。
    2011-08-08

最新评论