ホームページ > ウェブフロントエンド > jsチュートリアル > WeChat アプレットは簡単な入力正規表現検証機能の共有を実装します

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

小云云
リリース: 2018-05-16 17:09:28
オリジナル
3778 人が閲覧しました

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

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

1. エフェクトの表示

2. キーコード

index.wxml ファイル

<input placeholder="输入内容" bindinput="check"></input>
<view>输入结果:{{result}}</view>
ログイン後にコピー

index.js ファイル

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;
      })
    }
  }
})
ログイン後にコピー

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

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

関連する推奨事項:


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

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

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート