WeChat-Applet zur Bestimmung, ob die Mobiltelefonnummer legal ist Beispielcode

{
  "Komponenten verwenden": {
  	"van-cell-group": "@vant/weapp/cell-group/index",
  	"van-field": "@vant/weapp/field/index",
  	"van-dropdown-menu": "@vant/weapp/dropdown-menu/index",
  	"van-dropdown-item": "@vant/weapp/dropdown-item/index",
  	"van-button": "@vant/weapp/button/index"
  }
}

<!-- Seiten/Benutzerregister/Benutzerregister.wxml -->
<Klasse anzeigen="register-block">
  <Klasse anzeigen="Titel">
    <text class="text">Registrieren</text>
  </Ansicht>
  <van-cell-group Klasse="Eingabe">
    <van-field label="Studentennummer" value="{{ studentNumber }}" placeholder="Bitte geben Sie die Studentennummer ein" required clearable center bind:blur="setStudentNumber" />
    <van-field label="Benutzername" value="{{ userName }}" placeholder="Bitte geben Sie Ihren Benutzernamen ein" required clearable center bind:blur="setUsername" />
    <van-field label="Klasse" value="{{ className }}" placeholder="Bitte geben Sie Ihre Klasse ein" erforderlich löschbar Mitte bind:blur="setClassName" />
    <van-field label="Telefonnummer" value="{{ phoneNumber }}" placeholder="Bitte geben Sie Ihre Telefonnummer ein" error="{{ phoneLength || phoneFormat }}" error-message="{{ phoneError }}" erforderlich löschbares Center bind:blur="setphoneNumber" />
    <van-field label="Geschlecht" erforderlich use-input-slot>
      <view style="position: absolut; links: -16rpx;" slot="Eingabe">
        <van-Dropdown-Menü aktiv-color="#92B6D5">
          <van-dropdown-item value="{{ Geschlecht }}" options="{{ Option1 }}" bind:change="changeGender" />
        </van-Dropdown-Menü>
      </Ansicht>
    </van-field>
    <van-field label="Campus" erforderlicher Eingabe-Slot>
      <view style="position: absolut; links: -16rpx;" slot="Eingabe">
        <van-Dropdown-Menü aktiv-color="#92B6D5">
          <van-dropdown-item value="{{ Bereich }}" options="{{ Option2 }}" bind:change="changeArea" />
        </van-Dropdown-Menü>
      </Ansicht>
    </van-field>
    <van-field label="Passwort" value="{{ password }}" placeholder="Bitte geben Sie Ihr Passwort ein" erforderlich löschbar center type="Passwort" bind:blur="setPassword" />
    <van-field label="Passwort bestätigen" value="{{ repassword }}" placeholder="Bitte geben Sie Ihr Passwort erneut ein" error="{{ rePwdEqual }}" error-message="{{ errorMsg }}" erforderlich löschbar center type="password" bind:blur="setRePassword" />
  </van-cell-group>
  <Ansichtsklasse="login-block">
    <text class="text" bind:tap="gotoLogin">Jetzt anmelden</text>
    <!-- <text class="">Passwort vergessen</text> -->
  </Ansicht>
  <van-button class="btn" size="large" type="info" bind:tap="userRegister">Registrieren</van-button>
</Ansicht>

/* Seiten/Benutzerregister/Benutzerregister.scss */
.register-block{
  Rand: 200 Rpx 20 Rpx 0 20 Rpx;

  .Titel{
    Textausrichtung: zentriert;
    Rand unten: 60rpx;

    .Text{
      Schriftgröße: 60rpx;
      Schriftstärke: 300;
    }
  }

  .login-block{
    Textausrichtung: rechts;
    Rand: 10rpx 0;

    .Text{
      Farbe: grau;
      Schriftstärke: 300;
      Schriftgröße: kleiner;
    }
  }
}

  /**
   * Geben Sie Ihre Telefonnummer ein*/
  setphoneNumber: Funktion (Ereignis) {
    // console.log('Benutzername', event.detail.value)
    dies.setData({
      Telefonnummer: event.detail.value
    })
    const regex = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/
    wenn (this.data.phoneNumber.length !== 0 und this.data.phoneNumber.length !== 11) {
      dies.setData({
        Telefonlänge: true,
        phoneError: „Die Telefonnummernlänge ist falsch.“
      })
    } sonst wenn (this.data.phoneNumber.length !== 0 und !regex .test(this.data.phoneNumber)) {
      dies.setData({
        Telefonformat: wahr,
        phoneError: „Die Telefonnummer ist falsch“
      })
    }
  },

// Seiten/Benutzeranmeldung/Benutzeranmeldung.js

Seite({
  /**
   * Ausgangsdaten der Seite */
  Daten: {
    Studentennummer: '',
    Benutzername: '',
    Klassenname: '',
    Telefonnummer: '',
    meinGeschlecht: '',
    Schulbereich: '',
    Passwort: '',
    Passwort zurücksetzen: '',
    Geschlecht: 0,
    Option1: [
      { text: 'Bitte wählen Sie Ihr Geschlecht', value: 0 },
      { text: 'Männlich', value: 1 },
      { text: 'Weiblich', value: 2 }
    ],
    Fläche: 0,
    Option2: [
      { text: 'Bitte wählen Sie Ihren Campus', value: 0 },
      { text: 'Campus Nord', value: 1 },
      { text: 'Campus Süd', value: 2 }
    ],
    // Fehlermeldung rePwdEqual: false,
    Telefonlänge: false,
    Telefonformat: false
  },

  /**
   * Geben Sie Ihren Studierendenausweis ein*/
  setStudentNumber: Funktion (Ereignis) {
    // console.log('Benutzername', event.detail.value)
    dies.setData({
      Studentennummer: event.detail.value
    })
  },

  /**
   * Geben Sie Ihren Benutzernamen ein */
  setUsername: Funktion (Ereignis) {
    // console.log('Benutzername', event.detail.value)
    dies.setData({
      Benutzername: event.detail.value
    })
  },

  /**
   *Geben Sie Ihre Klasse ein*/
  setClassName: Funktion (Ereignis) {
    // console.log('Benutzername', event.detail.value)
    dies.setData({
      Klassenname: Ereignis.Detail.Wert
    })
  },

  /**
   * Geben Sie Ihre Telefonnummer ein*/
  setphoneNumber: Funktion (Ereignis) {
    // console.log('Benutzername', event.detail.value)
    dies.setData({
      Telefonnummer: event.detail.value
    })
    const meinReg = /^(((13[0-9{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1})) + \d{8})$/
    wenn (this.data.phoneNumber.length !== 0 und this.data.phoneNumber.length !== 11) {
      dies.setData({
        Telefonlänge: true,
        phoneError: „Die Telefonnummernlänge ist falsch.“
      })
    } sonst wenn (this.data.phoneNumber.length !== 0 und !myReg.test(this.data.phoneNumber)) {
      dies.setData({
        Telefonformat: wahr,
        phoneError: „Die Telefonnummer ist falsch“
      })
    }
  },

  /**
   * Geschlecht ändern* @param {*} Ereignis
   */
  changeGender: Funktion (Ereignis) {
    wenn (Ereignis.Detail === 1) {
      dies.setData({
        mygender: „Männlich“
      })
    } sonst wenn (event.detail === 2) {
      dies.setData({
        meinGeschlecht: 'weiblich'
      })
    } sonst wenn (event.detail === 0) {
      wx.showToast({
        Titel: „Bitte wählen Sie das Geschlecht aus“, // Dauer des Eingabeaufforderungsinhalts: 2000, // Verzögerungszeitmaske: true // transparente Maske anzeigen, um das Eindringen von Berührungen zu verhindern})
    }
    console.log('Geschlecht ändern', event.detail + this.data.mygender)
  },

  /**
   * Campus wechseln */
  changeArea: Funktion (Ereignis) {
    wenn (Ereignis.Detail === 1) {
      dies.setData({
        Schulbereich: 'Campus Nord'
      })
    } sonst wenn (event.detail === 2) {
      dies.setData({
        Schulbereich: 'Campus Süd'
      })
    } sonst wenn (event.detail === 0) {
      wx.showToast({
        Titel: „Bitte wählen Sie Ihren Campus aus“, // Dauer des Eingabeaufforderungsinhalts: 2000, // Verzögerungszeitmaske: true // transparente Maske anzeigen, um das Eindringen von Berührungen zu verhindern})
    }
    console.log('Campus ändern', event.detail + this.data.schoolarea)
  },

  /**
   * Passwort eingeben */
  setPassword: Funktion (Ereignis) {
    // console.log('Passwort', event.detail.value)
    dies.setData({
      Passwort: event.detail.value
    })
  },

  /**
   * Kennwort erneut eingeben */
  setRePassword: Funktion (Ereignis) {
    // console.log('Passwort zurücksetzen', event.detail.value)
    dies.setData({
      Kennwort zurücksetzen: event.detail.value
    })
    wenn (dieses.data.password === dieses.data.repassword und diese.data.password.length !== 0) {
      dies.setData({
        rePwdEqual: falsch,
        Fehlermeldung: ''
      })
    } sonst wenn (dieses.data.password !== dieses.data.repassword && diese.data.password.length !== 0) {
      dies.setData({
        rePwdEqual: wahr,
        errorMsg: „Die beiden eingegebenen Passwörter stimmen nicht überein.“
      })
    }
  },

  /**
   * Rufen Sie die Anmeldeoberfläche auf */
  gotoLogin: Funktion () {
    // Derzeit möchten wir zu einer anderen Schnittstelle springen, aber die vorhandene Schnittstelle beibehalten wx.redirectTo({
      URL: „../Benutzeranmeldung/Benutzeranmeldung“
    })
  },

  /**
   * Registrierung anfordern */
  BenutzerRegister: Funktion () {
    // console.log('Studentennummer', this.data.Studentennummer)
    // console.log('Benutzername', this.data.Benutzername)
    // console.log('Klassenname', diese.Daten.Klassenname)
    // console.log('Telefonnummer', this.data.Telefonnummer)
    // console.log('meinGeschlecht', diese.Daten.meinGeschlecht)
    // console.log('Schulbereich', diese.Daten.Schulbereich)
    const existStudentNumber = this.data.studentNumber.length !== 0
    const existUserName = this.data.userName.length !== 0
    const existClassName = this.data.className.length !== 0
    const existPhoneNumber = this.data.phoneNumber.length !== 0
    const existGender = this.data.mygender.length !== 0
    const existArea = this.data.schoolarea.length !== 0
    // console.log('Studentennummer', vorhandeneStudentennummer)
    // console.log('Benutzername', existiereBenutzername)
    // console.log('Klassenname', vorhandenerKlassenname)
    // console.log('Telefonnummer', vorhandeneTelefonnummer)
    // console.log('meinGeschlecht', existGender)
    // console.log('Schulbereich', ExistArea)
    wenn (existStudentNumber && existUserName && existClassName && existPhoneNumber && existGender && existArea && !this.data.rePwdEqual && !this.data.phoneLength && !this.data.phoneFormat) {
      wenn (dieses.data.password === dieses.data.repassword && dieses.data.password !== '') {
        // Netzwerkanfrage einleiten wx.request({
          URL: „http://api/user/register“,
          Methode: 'post',
          Daten: {
            Studentennummer: this.data.studentNumber,
            Klassenname: dieser.Daten.Klassenname,
            Name: this.data.userName,
            Telefonnummer: diese.Daten.Telefonnummer,
            Geschlecht: diese.Daten.meinGeschlecht,
            Bereich: this.data.schoolarea,
            Passwort: this.data.password,
            zweites_Passwort: this.data.repassword
          },
          Kopfzeile: {
            „Inhaltstyp“: „Anwendung/x-www-form-urlencoded“
          },
          Erfolg(res) {
            Konsole.log(res)
            wenn (res.data.code === 200) {
              wx.showToast({
                Titel: ,,Registrierung erfolgreich! ',
                Symbol: „Erfolg“
              })
              wx.umleitenZu({
                URL: '/Seiten/Benutzeranmeldung/Benutzeranmeldung'
              })
            } anders {
              wx.showToast({
                Titel: ,,Registrierung fehlgeschlagen! ',
                Symbol: „keine“
              })
              console.log('Registrierung fehlgeschlagen!')
              Konsole.log(res)
            }
          },
          Fehler(Nachricht) {
            Konsole.log(Nachricht)
          }
        })
      }
    } sonst wenn (!existStudentNumber) {
      wx.showToast({
        Titel: ,,Matrikelnummer darf nicht leer sein! ',
        Symbol: „keine“
      })
    } sonst wenn (!existUserName) {
      wx.showToast({
        Titel: ,,Benutzername darf nicht leer sein! ',
        Symbol: „keine“
      })
    } sonst wenn (!existClassName) {
      wx.showToast({
        Titel: ,Klasse darf nicht leer sein!‘ ',
        Symbol: „keine“
      })
    } sonst wenn (!existPhoneNumber) {
      wx.showToast({
        Titel: ,,Mobilfunknummer darf nicht leer bleiben! ',
        Symbol: „keine“
      })
    } sonst wenn (!existGender) {
      wx.showToast({
        Titel: ,,Bitte wählen Sie Ihr Geschlecht aus! ',
        Symbol: „keine“
      })
    } sonst wenn (!existArea) {
      wx.showToast({
        Titel: ,,Bitte wählen Sie Ihren Campus aus! ',
        Symbol: „keine“
      })
    } anders {
      wx.showToast({
        Titel: ,,Bitte geben Sie die entsprechenden Informationen wie angegeben ein! ',
        Symbol: „keine“
      })
    }
  },

  /**
   * Lebenszyklusfunktion - auf Seitenladen warten*/
  onLoad: Funktion (Optionen) {

  },

  /**
   * Lebenszyklusfunktion - wartet auf den Abschluss der ersten Darstellung der Seite*/
  onReady: Funktion () {

  },

  /**
   * Lebenszyklusfunktion - Seitenanzeige überwachen*/
  onShow: Funktion () {

  },

  /**
   * Lebenszyklusfunktion - Achten Sie auf das Ausblenden von Seiten */
  onHide: Funktion () {

  },

  /**
   * Lebenszyklusfunktion - Deinstallation der Seite überwachen*/
  beimEntladen: Funktion () {

  },

  /**
   * Seitenbezogene Ereignisverarbeitungsfunktion - Achten Sie auf die Pulldown-Aktion des Benutzers */
  onPullDownRefresh: Funktion () {

  },

  /**
   * Die Funktion, die das Bottoming-Ereignis auf der Seite behandelt*/
  onReachBottom: Funktion () {

  },

  /**
   * Der Benutzer klickt auf die obere rechte Ecke, um zu teilen*/
  beiShareAppMessage: Funktion () {

  }
})