vueでel-input携帯電話番号または座席番号を検証する

2032 ワード

**今日は仕事中に番号制限を追加させたので、自分でいくつかの資料を調べて、自分で1つの携帯電話番号の検証と固定電話の検証を説明する1部を書きました**

              
                
              
            
          
          

            
              
                
              
   

dara>return>dataRuleに対応コードを追加
 export default {
    data () {
      return {
       dataRule: {
          supplierPhone: [
            { validator: this.checkPhone, trigger: 'blur' }
          ],
          supplieRtelePhone: [
            { validator: this.checkRtelePhone, trigger: 'blur' }
          ]
        }
      }

methodsに対応メソッドを追加し、パラメータは固定パラメータです.
      checkPhone(rule, value, callback) {
        if (!value) {
          callback()                       ------------------           ,     :return callback(new Error('    '))
        } else {
          const reg = /^1[3|4|5|7|8|9][0-9]\d{8}$/
          console.log(reg.test(value))
          if (reg.test(value)) {
            callback()
          } else {
            return callback(new Error('         '))
          }
        }
      },
    checkRtelePhone(rule, value, callback) {
      if (!value) {
        callback()                ------------------           ,     :return callback(new Error('    '))
      } else {
        const reg = /^0[1|2|3|4|5|6|7|8|9][1|2|3|4|5|6|7|8|9][1|2|3|4|5|6|7|8|9]-\d{8}$/
        console.log(reg.test(value))
        if (reg.test(value)) {
          callback()
        } else {
          return callback(new Error('         '))
        }
      }
    },