亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

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

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

微信小程序表單驗證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

大厂| 剑阁县| 洛阳市| 马山县| 黑龙江省| 莎车县| 叙永县| 阿巴嘎旗| 苏尼特右旗| 呈贡县| 塔河县| 万山特区| 浦江县| 临朐县| 大港区| 辽宁省| 宁海县| 项城市| 宁乡县| 石门县| 巧家县| 八宿县| 樟树市| 栖霞市| 广州市| 鲁甸县| 通州市| 赤峰市| 瓦房店市| 景东| 扎囊县| 农安县| 百色市| 额尔古纳市| 富裕县| 凤冈县| 诸暨市| 兴宁市| 家居| 海宁市| 昭觉县|