WeChat アプレットは簡単な入力正規表現検証機能を実装します

この記事では、主に単純な入力正規表現検証機能を実装する WeChat アプレットを紹介し、WeChat アプレット入力コンポーネントのイベント バインディングと正規表現検証関連の操作スキルを例の形式で分析します。に例を示します。WeChat アプレットには、単純な入力正規表現検証機能が実装されています。参考のために皆さんに共有してください。詳細は次のとおりです。

1. エフェクト表示

2. キーコード

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

以上がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

WeChat ミニ プログラム開発におけるジェスチャー ロック解除の概要

WeChat ミニ プログラムによって実装されたスネーク ゲーム [ソース コード付き]

以上がWeChat アプレットは簡単な入力正規表現検証機能を実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。