自定義表單驗證

2021-10-23 06:04:19 字數 1683 閱讀 7194

//判斷**號碼格式

judgephone:

function

(phone)$/;

var isphone =

/^([0-9]-)?[0-9]$/;if

(strtemp.

test

(phone)

|| isphone.

test

(phone)

)else

},

這是判斷**號碼格式的方法,有移動形式和座機形式,符合標準返回1,不符合標準返回-1

//**格式  非必填

const

validatephone

=(rule, value, callback)

=>

else

}else

};

上方的this.common.judgephone方法是上面第一步**格式驗證方法所設定的乙個全域性方法,你們也可以放在在需要驗證的vue檔案裡,然後this.common.judgephone(value)換成 本vue檔案的方法

validatephone 具體位置如下

export

default

,//此處自定義元件忽略

data()

else

}else};

//

主要看contactphone

"formedit"

:model=

"editinfo"

:rules=

"editrule"

:label-width=

"150"

>

//裡面**忽略

<

/form>

editrule:],

contact:

[//聯絡人 英+漢 非必填],

agencyphone:

[//**聯絡人** 非必填],

agencycontact:

[//**聯絡人 英+漢 非必填],

biddingagency:

[//招標**單位: 數+英+漢 非必填],

promisecashaccount:

[//保證金賬戶 數+英文,]

, undertakedepartmentid:

, promisecashbankaccount:

[//保證金單位銀行賬號 數+英,]

, promisecashbank:

[//保證金單位開戶銀行 漢+英,]

, type:

, bidplatform:

[//委託招投標平台 數+英+漢,]

, bidprice:[,

],undertakepersonid:

, developmentorganization:

[//建設單位 數+英+漢,]

, name:[,

],// biddate: [

//

// ],

promisecash:[,

],province:

},

自定義表單驗證框架

自定義表單驗證框架 var tool tool.onready function handler tool.createspan function style,msg tool.getel function id 為訊息提供樣式選擇 cls function 此類定義了一些正規表示式 reg fun...

表單自定義驗證 AngularJs

事實上我覺得 響應式表單必定比模板式表單好用一些 官方文件 demo a hero s name can t match the given regular expression export function forbiddennamevalidator namere regexp validat...

element自定義表單驗證

validate.js param path returns export function i ternal path 手機號碼 param s export function checkphone rule,value,callback if value if number.isinteger ...