①征懈、用js校驗規(guī)則
:rules="[
??????????????{?required:?true,?message:?'請?zhí)顚懮矸葑C號'?},
??????????????{pattern:?/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,?message:?'請輸入正確身份證號',?trigger:?'blur'}
????????????]"
添加 pattern 部分?
郵箱桃煎、手機(jī)號 等 相關(guā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)
??????};