Vue中常用的rules檢驗規則

2021-10-02 13:05:53 字數 4377 閱讀 6752

url校驗

export

function validateurl(url)

|[1-

9][0

-9]?

)(\.(

25[0

-5]|

2[0-

4][0

-9]|

1[0-

9]|[1

-9]?[0

-9]))|(

[a-za-z0-9-]+\.)*[a-za-z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|

[a-za-z]

))(:[0-9]+)*(\/($|

[a-za-z0-9.,?'\\+&%$#=~_-]+))*$/;

return urlregex.test(url)

;}

郵箱校驗

export

function validateemail(rule, value,callback)

else

else

}}

合法ip位址

export

function validateip(rule, value,callback)

else

|1\d\d|2[0-4]\d|25[0-5]

)\.(\d

|1\d\d|2[0-4]\d|25[0-5]

)\.(\d

|1\d\d|2[0-4]\d|25[0-5]

)\.(\d

|1\d\d|2[0-4]\d|25[0-5]

)$/;

if((

!reg.test(value))

&& value !='')

else

}}

手機號碼或者固話校驗

export

function validatephonetwo(rule, value, callback)

-\d)|(

1[34578]\d))

$/;;

if(value ==

''|| value == undefined || value == null)

else

else

}}

手機號碼校驗

export

function validatephone(rule, value,callback)

$/; if(value==

''||value==undefined||value==null)

else

else

}}

固話校驗

export

function validatephone(rule, value,callback)

$/; if(value==

''||value==undefined||value==null)

else

else

}}

身份證號碼校驗

export

function validateidno(rule, value,callback)$)|

(^\d$)

|(^\d

(\d|x|x)$)/;

if(value==

''||value==undefined||value==null)

else

else

}}

自動檢驗數值的範圍

export

function checkmax20000(rule, value, callback)

elseif(

!number(value))

else

if(value < 1 || value > 20000)

else

}

驗證是否1-99之間

export

function isonetoninetynine(rule, value, callback)

settimeout(()=

>

else

$/; const rscheck = re.test(value);if

(!rscheck)

else

}}, 0)

;}

驗證是否整數

export

function isinteger(rule, value, callback)

settimeout(()=

>

else

else

}}, 0)

;}

驗證是否整數,非必填

export

function isintegernotmust(rule, value, callback)

settimeout(()=

>

else

else

}}, 1000)

;}

驗證是否是[0-1]的小數

export

function isdecimal(rule, value, callback)

settimeout(()=

>

else

else

}}, 100)

;}

驗證是否是[1-10]的小數,即不可以等於0

export

function isbtnonetoten(rule, value, callback)

settimeout(()=

>

else

else

}}, 100)

;}

驗證是否是[1-100]的小數,即不可以等於0

export

function isbtnonetohundred(rule, value, callback)

settimeout(()=

>

else

else

}}, 100)

;}

驗證是否是[0-100]的小數

export

function isbtnzerotohundred(rule, value, callback)

settimeout(()=

>

else

else

}}, 100)

;}

是否大寫字母

export

function validateuppercase(val)

密碼校驗

export const validatepsdreg =

(rule, value, callback)

=>if(

!/^(?!

[\d]+$)

(?![a-za-z]+$)

(?![^\da-za-z]+$)

([^\u4e00-\u9fa5\s]

)$/.test(value))

else

}

純數字校驗

export const validatenumber =

(rule, value, callback)

=>

else

}else

}

中文校驗

export const validatecontacts =

(rule, value, callback)

=>if(

!/^[\u0391-\uffe5a-za-z]+$/.test(value))

else

}

驗證數字輸入框最大數值

export

function checkmaxval(rule, value,callback)

else

}

驗證內容是否包含英文數字以及下劃線

export

function ispassword(rule, value, callback)

else

else

}}

前端Vue中常用rules校驗規則

pattern d 1 d d 2 0 4 d 25 0 5 d 1 d d 2 0 4 d 25 0 5 d 1 d d 2 0 4 d 25 0 5 d 1 d d 2 0 4 d 25 0 5 2.是否手機號碼或者固話 pattern 0 d d 1 34578 d 3.是否身份證號碼 pat...

vue的rules表單驗證

在前端頁面開發中,經常需要用到表單驗證啊什麼的,現在試試vue提供的表單驗證 有可能是element ui的,我不太清楚 首先,看一下效果 怎麼樣,感覺還可以吧。ok,讓我們看一下實現流程。1.自定義驗證方法 驗證規則需要自己定義,當然,如果預設只需要判空的話,完全不用理會,可以直接上,此處,我是新...

Vue中,常用檔案的模板

目錄 1.webpack.config.js模板 2.main.js 模板 3.router.js 模板 5.index.html 模板 由於 webpack 是基於node進行構建的,所有,webpack的配置檔案中,任何合法的node 都是支援的 var path require path 在記...