vue 公用的一些驗證方法和使用,值得收藏!

2022-07-07 05:30:13 字數 2060 閱讀 4134

在專案的根目錄下新建乙個『utils』資料夾 ,utils下新建validate.js

validate.js **如下

export const checkvaild = (str, type) =>$/.test(str)

case 'tel': //

座機return /^(0\d-\d(-\d)?$)/.test(str)

case 'card': //

身份證return /(^\d$)|(^\d$)|(^\d(\d|x|x)$)/.test(str)

case 'pwd': //

密碼以字母開頭,長度在6~20之間,包含大、小字母、數字

return /^(?=.*[0-9].*)(?=.*[a-z].*)(?=.*[a-z].*).$/.test(str)

//return /^(?![0-9]+$)(?![a-z]+$)(?![a-za-z]+$)[0-9a-za-z]$/.test(str)

case 'postal': //

return /[1-9]\d(?!\d)/.test(str)

case 'qq': //

qq號return /^[1-9][0-9]$/.test(str)

case 'email': //

郵箱return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str)

case 'money': //

金額(小數點2位)

日期時間

return /^(\d)\-(\d)\-(\d) (\d)(?:\:\d|:(\d):(\d))$/.test(str) || /^(\d)\-(\d)\-(\d)$/.test(str)

case 'number': //

數字return /^[0-9]$/.test(str)

case 'positiveinteger': //

正整數return /^[1-9]\d*$/.test(str)

case 'price': //

**return /(^[1-9]\d*(\.\d)?$)|(^0(\.\d)?$)/.test(str) //

**非0則去掉'?'

case 'english': //

英文return /^[a-za-z]+$/.test(str)

case 'chinese': //

中文return /^[\u4e00-\u9fa5]+$/.test(str)

case 'lower': //

小寫return /^[a-z]+$/.test(str)

case 'upper': //

大寫return /^[a-z]+$/.test(str)

case 'html': //

html標記

return /<("[^"]*"|'[^']*'|[^'">])*>/.test(str)

default

:

return

true

}}

其他頁面按需引用 ,舉例使用以上封裝的驗證方法(驗證是否為正確的手機號碼)

import  from '../../utils/validate.js';

let myphone =『111』;

if (!checkvaild(mypone, 'phone')) 

react native一些公用方法總結

import react,from react import from react native import forge from node forge import jsencrypt from jsencrypt import cryptojs from crypto js var utils...

c語言中一些公用的方法

這段由於學業的原因,最近與c有所接觸,面向過程與物件導向還是有點區別。但是方法還是可以寫成公用的.下面幾個函式感覺用的比較經常點,就貼上來了.25 子串判斷 引數 sourcestr源串,desstr判斷串 int stringjudge char sourcestr,char desstr ret...

Vue使用的一些例項

en music currentsong autoplay controls ended nextsong doctype html html lang en head meta charset utf 8 title title title style ul listyle head body d...