Maison  >  Article  >  interface Web  >  L'applet WeChat implémente le partage de fonctions de vérification d'expression régulière d'entrée simple

L'applet WeChat implémente le partage de fonctions de vérification d'expression régulière d'entrée simple

小云云
小云云original
2018-05-16 17:09:283710parcourir

Cet article présente principalement la fonction simple de vérification des expressions régulières d'entrée de l'applet WeChat. Il analyse la liaison des événements du composant d'entrée et les compétences opérationnelles liées à la vérification des expressions régulières de l'applet WeChat sous la forme d'exemples auxquels les amis qui en ont besoin peuvent s'y référer. ça. J'espère que ça peut aider tout le monde.

L'exemple de cet article décrit l'implémentation d'une fonction de vérification d'expression régulière d'entrée simple par l'applet WeChat. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

1. Affichage de l'effet

2. Fichier .wxml

fichier index.js
<input placeholder="输入内容" bindinput="check"></input>
<view>输入结果:{{result}}</view>

3 Cliquez ici pour l'exemple de code complet
Page({
  data:{
    result:&#39;&#39;
  },
  check:function(e){
    var regLowerCase=new RegExp(&#39;[a-z]&#39;,&#39;g&#39;);//判断用户输入的是否为小写字母
    var regCapitalLetter=new RegExp(&#39;[A-Z]&#39;,&#39;g&#39;);//判断用户输入的是否为大写字母
    var regNum=new RegExp(&#39;[0-9]&#39;,&#39;g&#39;);//判断用户输入的是否为数字
    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:&#39;您输入的是小写字母&#39;
      })
    }else if(rsCapitalLetter){
      this.setData({
        result:&#39;您输入的是大写字母&#39;
      })
    }else if(rsNum){
      this.setData({
        result:&#39;您输入的是数字&#39;
      })
    }else{
      this.setData({
        result:&#39;&#39;
      })
    }
  }
})

Télécharger depuis ce site . Recommandations associées :


input type=file Explication détaillée de la sélection des images et de l'obtention des effets d'aperçu

Entrée de l'applet WeChat et Définition dynamique de la méthode du bouton

Utilisation de CSS pour masquer la méthode du curseur de saisie

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn