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

この記事では、WeChat アプレットの簡単な入力正規表現検証機能を主に紹介し、WeChat アプレットの入力コンポーネント イベント バインディングと正規表現検証関連の操作スキルをサンプルの形式で分析します。皆さんのお役に立てれば幸いです。

この記事の例では、WeChat アプレットが簡単な入力正規表現検証機能を実装する方法を説明します。参考として皆さんに共有してください。詳細は次のとおりです。

1. エフェクトの表示

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

3.完全なサンプルコード

このサイトからダウンロードしてください。

関連する推奨事項:

input type=file 画像の選択とプレビュー効果の実現についての詳細な説明

WeChat アプレットの入力入力と動的設定ボタンのメソッド

CSS を使用して入力カーソルメソッドを非表示にする

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