Vue-ANTD表單輸入中自定義校驗(yàn)一些正則表達(dá)式規(guī)則介紹
更新時(shí)間：2024年01月03日 10:19:35 作者：一顆知足的心
這篇文章主要介紹了Vue-ANTD表單輸入中自定義校驗(yàn)一些正則表達(dá)式規(guī)則介紹,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
寫一個(gè)示例
表單的rules里面添加自定義校驗(yàn)的方法：
{ rules: [ {validator: this.checkPhone} ] }在下面的method里面添加方法：
checkPhone (rule, value, callback) {
const pwdRegex = new RegExp('^[1-9]\\d{0,11}$')
if (!pwdRegex.test(value)) {
callback(new Error('電話號(hào)碼輸入格式有誤'))
}
callback()
},
1.校驗(yàn)輸入為電話號(hào)碼（手機(jī)號(hào)碼）
^((13[0-9])|(14[5,7])|(15[^4,\\D])|(17[0,1,3,6-8])|(18[0-9])|(19[8,9])|(166))[0-9]{8}$2.校驗(yàn)輸入為是否為郵箱
/^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/3.校驗(yàn)是否全部為數(shù)字且有一范圍
^[1-9]\\d{0,11}$ 或者 ^[1-9]\d{0,11}$4.校驗(yàn)輸入包含數(shù)字+字母+特殊符號(hào)
^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{6,20}$5.校驗(yàn)輸入包含字母加數(shù)字
其實(shí)這三者可以隨意組合的
有些兩邊要加引號(hào)，有些不加，都試試吧
'^[A-Za-z0-9]{6,6}$'6.輸入0-10的整數(shù)，輸入1-999的整數(shù)
/^([0-9]|10)$/
/^(?!0)\d{1,3}$/
后面還會(huì)添加更多常用規(guī)則
更多規(guī)則點(diǎn)擊這里
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
利用VUE框架，實(shí)現(xiàn)列表分頁功能示例代碼
本篇文章主要介紹了利用VUE框架，實(shí)現(xiàn)列表分頁功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-01-01
這篇文章主要為大家詳細(xì)介紹了Vue.JS入門教程之自定義指令,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式框架,與其它大型框架不同的是,Vue被設(shè)計(jì)為可以自底向上逐層應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于vue使用csp的相關(guān)資料,需要的朋友可以參考下2022-08-08
解決vue初始化項(xiàng)目一直停在downloading template的問題
這篇文章主要介紹了解決vue初始化項(xiàng)目一直停在downloading template的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-11-11
vue獲取當(dāng)前點(diǎn)擊的元素并傳值的實(shí)例
下面小編就為大家分享一篇vue獲取當(dāng)前點(diǎn)擊的元素并傳值的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
今天小編就為大家分享一篇vue表單自定義校驗(yàn)規(guī)則介紹，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了Vue2.0用戶權(quán)限控制解決方法以及源碼說明，一起學(xué)習(xí)下。2017-11-11
今天小編就為大家分享一篇淺談v-for 和 v-if 并用時(shí)篩選條件方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要為大家介紹了Vue3基于rem比例H5縮放方案示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11
Vue.js 專注于 MVVM 模型的 ViewModel 層。它通過雙向數(shù)據(jù)綁定把 View 層和 Model 層連接了起來。Vue.js和其他庫相比是一個(gè)小而美的庫，作者的主要目的是通過一個(gè)盡量簡單的 API 產(chǎn)生可反映的數(shù)據(jù)綁定和可組合的視圖組件，感覺作者的思路非常清晰。2016-04-04