微信小程序如何实现input正则表达式的验证功能

这篇文章主要介绍微信小程序如何实现input正则表达式的验证功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联基于分布式IDC数据中心构建的平台为众多户提供服务器托管 四川大带宽租用 成都机柜租用 成都服务器租用。

具体如下:

1、效果展示

微信小程序如何实现input正则表达式的验证功能

2、关键代码

index.wxml文件


输入结果:{{result}}

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:''
      })
    }
  }
})

以上是“微信小程序如何实现input正则表达式的验证功能”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


文章标题:微信小程序如何实现input正则表达式的验证功能
本文地址:http://bzwzjz.com/article/pjcdji.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 企业网站设计 成都网站建设公司 外贸营销网站建设 响应式网站建设 成都网站建设 外贸网站设计方案 成都网站建设公司 企业网站设计 自适应网站建设 成都网站制作 重庆网站建设 企业网站建设 营销型网站建设 网站建设开发 移动网站建设 成都网站建设 重庆网站制作 自适应网站设计 成都商城网站制作 成都网站设计制作公司 成都网站建设流程