①、用js校驗(yàn)規(guī)則

:rules="[

??????????????{?required:?true,?message:?'請?zhí)顚懮矸葑C號'?},

??????????????{pattern:?/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,?message:?'請輸入正確身份證號',?trigger:?'blur'}

????????????]"

添加 pattern 部分?

郵箱、手機(jī)號 等 相關(guān)校驗(yàn)?https://www.cnblogs.com/xsd1/p/11976324.html?

②、根據(jù)?data中的?rules中?validator 對應(yīng)的名 例如：validator:?phoneNum,

rules:?{

????????mobile:?[????????

??????????{?validator:?phoneNum,?required:?true,?trigger:?'blur'??}

????????],

??????},

下面部分寫在data中

let?phoneNum?=?(rule,?value,?callback)?=>?{

????????const?phoneReg?=?/^1[3|4|5|6|7|8][0-9]{9}$/

????????if?(!value)?{

??????????return?callback(new?Error('電話號碼不能為空'))

????????}

????????setTimeout(()?=>?{

??????????if?(!Number.isInteger(+value))?{

????????????callback(new?Error('請輸入數(shù)字值'))

??????????}?else?{

????????????if?(phoneReg.test(value))?{

??????????????callback()

????????????}?else?{

??????????????callback(new?Error('電話號碼格式不正確'))

????????????}

??????????}

????????},?100)

??????};