Solution simple de la zone de texte de l'applet WeChat

Il n'y a pas d'événement bindchange pour la zone de texte dans l'applet WeChat, donc les variables ne peuvent pas se voir attribuer de valeurs lors de la saisie.

Bien que l'événement bindblur puisse être utilisé, si vous liez l'événement bindblur et cliquez à nouveau sur le bouton, l'événement bouton sera exécuté en premier, puis l'événement bindblur sera exécuté, donc la valeur d'entrée ne peut pas être obtenue dans le fichier js,

Solution?: combinez le formulaire from et la saisie dans la zone de texte de la zone de texte, puis cliquez sur le bouton Soumettre. à ce stade, l'événement textarea sera exécuté en premier (obtenez le contenu d'entrée de la zone de texte. ), puis la soumission des données sera exécutée. De cette fa?on, le problème est résolu

code du fichier wxml :

<form bindsubmit="evaSubmit">
   <textarea name="evaContent" maxlength="500" value="{{evaContent}}" class="weui-textarea" placeholder="填寫內(nèi)容(12-500字)"bindblur="charChange" />     
   <button formType="submit" disabled="{{subdisabled}}" class="weui-btn mini-btn" type="primary" size="mini">提交</button>
 </form>

code du fichier js :

var app = getApp();
Page({
 data:{
   evaContent  : ''
 },
 onLoad:function(){
 },
 onReady:function(){
  // 頁面渲染完成
 },
 onShow:function(){
  // 頁面顯示
 },
 onHide:function(){
  // 頁面隱藏
 },
 onUnload:function(){
  // 頁面關閉
 },
 //事件
 textBlur: function(e){
   if(e.detail&&e.detail.value.length>0){
    if(e.detail.value.length<12||e.detail.value.length>500){
     //app.func.showToast(&#39;內(nèi)容為12-500個字符&#39;,&#39;loading&#39;,1200);
    }else{
     this.setData({
       evaContent : e.detail.value
     });
    }
   }else{
    this.setData({
      evaContent : &#39;&#39;
    });
    evaData.evaContent = &#39;&#39;;
    app.func.showToast(&#39;請輸入投訴內(nèi)容&#39;,&#39;loading&#39;,1200);
   }
 },
 //提交事件
 evaSubmit:function(eee){  
  var that = this;
  //提交(自定義的get方法)
  app.func.req(&#39;http://localhost:1111/ffeva/complaint?content=&#39;&#39;+this.data.evaContent),get,function(res){
      console.log(res);
      if(res.result===&#39;1&#39;){
       //跳轉到首頁
       app.func.showToast(&#39;提交成功&#39;,&#39;loading&#39;,1200);
      }else{
       app.func.showToast(&#39;提交失敗&#39;,&#39;loading&#39;,1200);
      }
  });
 }
})

Inconvénients :

Après cette opération, la fonction sera défectueuse. Par exemple, le nombre de caractères saisis dans la zone de texte de l'utilisateur ne peut pas être obtenu immédiatement. S'il existe une meilleure solution, j'espère que vous pourrez la découvrir !

Pour des explications plus détaillées et une utilisation simple de la zone de texte de l'applet WeChat, veuillez faire attention au site Web PHP chinois?!