第一步，在utils文件夾中新建validata.js
/**
* 校驗參數(shù)
* @param {data}
* @param {*} str //校驗key
* @param {*} message //錯誤文本信息
* @param {*} rule //正則表達式
**/
export function paramsCheck( data ) {
let arr = data;
for ( let i = 0; i < arr.length; i++) {
let item = arr[i];
if ( item.str == null || item.str == undefined) { item.str = '' };
if ( !new RegExp( item.rule ).test( item.str )) {
return item.message;
};
};
return '';
};
第二步，在main.js中引入
import {paramsCheck} from '@/utils/validata.js';
Vue.prototype.$paramsCheck = paramsCheck;
第三步，頁面使用
submit(){
const errMes = this.$paramsCheck([
{ rule: '\\S', str: this.formLabelAlign.name, message: '請?zhí)顚懶彰? },
{ rule: '\\S', str: this.formLabelAlign.region, message: '請輸入地區(qū)！' },
]);
if (errMes != '') {
this.$message.error(errMes);
return;
}
}
如有正則挂绰，
const card = '^[1-9]\\d{5}[1-9]\\d{3}((0[1-9])|(1[0-2]))(0[1-9]|([1|2][0-9])|3[0-1])((\\d{4})|\\d{3}X)$';
{ rule: card, str: this.Popup.idCard, message: '身份證格式不匹配，請重新輸入服赎！' },
