当前位置:主页 > javascript教程 > 微信小程序实现简单input正则表达式验证功能示例

微信小程序input正则表达式验证功能实现代码

发布:2020-02-16 10:36:49 145


本站精选了一篇微信小程序相关的编程文章,网友戌欣秀根据主题投稿了本篇教程内容,涉及到微信小程序、input、正则表达式、验证、微信小程序实现简单input正则表达式验证功能示例相关内容,已被394网友关注,下面的电子资料对本篇知识点有更加详尽的解释。

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

本文实例讲述了微信小程序实现简单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:''
      })
    }
  }
})

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


参考资料

相关文章

  • RestTemplate响应中如何获取输入流InputStream

    发布:2023-03-05

    这篇文章主要介绍了RestTemplate响应中如何获取输入流InputStream问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教


  • 微信小程序录音文件格式silk遇到的问题及解决方法

    发布:2022-11-24

    为网友们分享了关于微信小程序的教程,录音文件为silk格式,说是silk其实是base64加密后的webm格式,只需将其转为webm格式即可。但是在处理过程中遇到各种坑,下面小编给大家带来了微信小程序录音文件格式silk遇到的问题及解决方法


  • JS用正则表达式g模式和非g模式的区别点整理

    发布:2020-03-08

    这篇文章给大家详细介绍了JS中使用正则表达式g模式和非g模式的区别,非常不错,具有参考借鉴价值,需要的朋友参考下吧


  • 分享微信小程序实现商城倒计时代码实例

    发布:2020-02-28

    这篇文章主要为大家详细介绍了微信小程序实现商城倒计时,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • JavaScript中的ignoreCase属性使用方法

    发布:2020-01-05

    这篇文章主要介绍了JavaScript正则表达式中的ignoreCase属性使用详解,是JS学习进阶中的重要知识点,需要的朋友可以参考下


  • 分享Bootstrap fileinput文件上传预览插件使用方法

    发布:2020-02-14

    这篇文章主要为大家详细介绍了Bootstrap fileinput文件上传预览插件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • JS正则表达式验证中文字符的方法详解

    发布:2020-01-31

    本篇文章主要介绍了JS正则表达式验证中文字符的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧


  • WXML节点信息查询示例代码

    发布:2020-02-14

    这篇文章主要介绍了微信小程序 WXML节点信息查询详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下


网友讨论