中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序表單驗證WxValidate的使用

發布時間:2020-09-29 10:22:11 來源:腳本之家 閱讀:206 作者:Independent 欄目:web開發

效果圖GIF

微信小程序表單驗證WxValidate的使用

git地址:WxValidate

使用

import WxValidate from '../../utils/WxValidate';
Page({
  data: {
    basicInfo: {
      tel: '',
      post: '',
      weChat: '',
      specialPlane: '',
      email: '',
      intro: ''
    }
  },
  onLoad() {
    this.initValidate();
  },
  initValidate() {
    const rules = {
      tel: {
        required: true,
        tel: true,
      }, post: {
        required: true,
      }, weChat: {
        required: true,
      }, specialPlane: {
        required: true,
      }, email: {
        required: true,
        email: true
      }
    };
    const messages = {
      tel: {
        required: '請輸入手機號',
        tel: '請輸入正確格式手機號',
      }, post: {
        required: '請輸入職位',
      }, weChat: {
        required: '請輸入微信號',
      }, specialPlane: {
        required: '請輸入座機號',
      }, email: {
        required: '請輸入電子郵箱',
        email: '請輸入正確格式電子郵箱',
      }
    };
    this.WxValidate = new WxValidate(rules, messages)
  },
  formChange(val) {
    let obj = {}
    obj[`basicInfo.${val.currentTarget.dataset.val}`]= val.detail.value
    this.setData(obj)
  },
  submitForm(e) {
    const params = e.detail.value
    if (!this.WxValidate.checkForm(params)) {
      const error = this.WxValidate.errorList[0]
      this.showModal(error)
      return false
    }
  },
  showModal(error) {
    wx.showToast({
      title: error.msg,
      icon: 'none',
      duration: 2000
     })
  },
})

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

蕉岭县| 临漳县| 富平县| 汝阳县| 中方县| 慈溪市| 家居| 定安县| 彝良县| 修水县| 霍林郭勒市| 达拉特旗| 黑龙江省| 彰化县| 通州市| 开江县| 盖州市| 汕头市| 策勒县| 穆棱市| 什邡市| 甘南县| 大庆市| 牙克石市| 通许县| 乌拉特后旗| 双牌县| 五莲县| 绥化市| 乐都县| 钟山县| 塔河县| 班玛县| 望城县| 南昌县| 石家庄市| 柯坪县| 乐陵市| 错那县| 长兴县| 黄大仙区|