网站建设资讯

NEWS

网站建设资讯

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

小编给大家分享一下微信小程序如何实现input正则表达式验证功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

成都创新互联公司长期为近1000家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为固阳企业提供专业的成都做网站、网站制作,固阳网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。

具体如下:

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://cdweb.net/article/ihsoge.html