場景

在vue頁面中需要對一些變量或者屬性進行判斷等。

所以講這些js方法抽離出來一個公共的驗證的方法。

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

在項目下新建utils目錄，在此目錄下新建validate.js

/*** @param {string} path* @returns {Boolean}*/ export function isExternal(path) {return /^(https?:|mailto:|tel:)/.test(path) }/*** @param {string} url* @returns {Boolean}*/ export function validURL(url) {const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([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]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/return reg.test(url) }/*** @param {string} str* @returns {Boolean}*/ export function validLowerCase(str) {const reg = /^[a-z]+$/return reg.test(str) }/*** @param {string} str* @returns {Boolean}*/ export function validUpperCase(str) {const reg = /^[A-Z]+$/return reg.test(str) }/*** @param {string} str* @returns {Boolean}*/ export function validAlphabets(str) {const reg = /^[A-Za-z]+$/return reg.test(str) }/*** @param {string} email* @returns {Boolean}*/ export function validEmail(email) {const reg = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/return reg.test(email) }/*** @param {string} str* @returns {Boolean}*/ export function isString(str) {if (typeof str === 'string' || str instanceof String) {return true}return false }/*** @param {Array} arg* @returns {Boolean}*/ export function isArray(arg) {if (typeof Array.isArray === 'undefined') {return Object.prototype.toString.call(arg) === '[object Array]'}return Array.isArray(arg) }

然后在需要用到這些js的方法的vue頁面中

import { isExternal } from '@/utils/validate'

比如這里需要調用isExternale這個方法，引入后就可以

??? isExternal() {return isExternal(this.iconClass)},

來調用了。

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的JS中使用正则表达式封装的一些常用的格式验证的方法-是否外部url、是否小写、邮箱格式、是否字符、是否数组的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。