91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

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

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

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

晋州市| 信阳市| 阿拉尔市| 包头市| 新野县| 广德县| 武冈市| 通州市| 宁城县| 西充县| 清新县| 昌黎县| 华坪县| 江华| 漠河县| 宁强县| 正定县| 枣阳市| 通海县| 佛教| 厦门市| 治县。| 峨眉山市| 博湖县| 河津市| 太和县| 徐汇区| 海城市| 万荣县| 鄂尔多斯市| 盐源县| 凤城市| 台北市| 房产| 博白县| 阳朔县| 防城港市| 德兴市| 呼和浩特市| 延川县| 界首市|