vueでel-input携帯電話番号または座席番号を検証する
2032 ワード
**今日は仕事中に番号制限を追加させたので、自分でいくつかの資料を調べて、自分で1つの携帯電話番号の検証と固定電話の検証を説明する1部を書きました**
dara>return>dataRuleに対応コードを追加
methodsに対応メソッドを追加し、パラメータは固定パラメータです.
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(' '))
}
}
},