WeChat-Applet implementiert Formularüberprüfung

importiere WxValidate aus '../../utils/WxValidate.js'

<form bindsubmit="formSubmit">
  <view class="weui-cells__title">Benutzername</view>
<Ansichtsklasse="weui-cells weui-cells_after-title">
  <Ansichtsklasse="weui-cell weui-cell_input">
   <input class="weui-input" type="text" name="userName" placeholder="Bitte geben Sie Ihren Benutzernamen ein"/>
  </Ansicht>
</Ansicht>
  <view class="weui-cells__title">Passwort</view>
<Ansichtsklasse="weui-cells weui-cells_after-title">
  <Ansichtsklasse="weui-cell weui-cell_input">
   <input class="weui-input" type="text" name="password" placeholder="Bitte geben Sie Ihr Passwort ein"/>
  </Ansicht>
</Ansicht>
  <view class="weui-cells__title">Mobiltelefonnummer</view>
<Ansichtsklasse="weui-cells weui-cells_after-title">
  <Ansichtsklasse="weui-cell weui-cell_input">
   <input class="weui-input" type="text" name="phone" placeholder="Bitte geben Sie Ihre Telefonnummer ein"/>
  </Ansicht>
</Ansicht>
  <Ansichtsklasse="btn-area">
    <button formType="submit">Senden</button>
    <button formType="reset">Zurücksetzen</button>
  </Ansicht>
</form>

 /**
   * Lebenszyklusfunktion - auf Seitenladen warten*/
 onLoad: Funktion (Optionen) {
     this.initValidate()//Validierungsregelfunktion, Feldregeln und Feldeingabeaufforderungsinformationen initialisieren},
       
   initValidate() {
     const Regeln = {
       userName: { //Benutzername erforderlich: true,  
         Mindestlänge: 2 
       },
       Passwort: { //Passwort erforderlich: true
       },
       phone:{ //Mobile numberrequired:true,
         tel:true
       }
     }
     const messages = { //Informationen zur Eingabeaufforderung userName: {
         erforderlich: 'Bitte geben Sie Ihren Namen ein',
         minlength:'Bitte geben Sie einen korrekten Namen ein'
       },
       Passwort: {
         erforderlich: „Bitte geben Sie Ihr Passwort ein“
       },
       Telefon:{
         erforderlich:'Bitte geben Sie Ihre Handynummer ein',
         Tel: „Bitte geben Sie die korrekte Mobiltelefonnummer ein“
       }
     }
     this.WxValidate = neues WxValidate(Regeln, Nachrichten)
   },
   //Verifizierungsfunktion aufrufen formSubmit: function (e) {
     console.log('Im Formular ist ein Übermittlungsereignis aufgetreten. Die übertragenen Daten sind:', e.detail.value)
     const params = e.detail.value
     //Formular prüfen if (!this.WxValidate.checkForm(params)) {
       const Fehler = this.WxValidate.errorList[0]
       konsole.log(Fehler);
       return false
     }
     konsole.log("ja");
     gibt true zurück;
},