index.js
//車牌號驗證方法
export function
isVehicleNumber(vehicleNumber) {
var xreg=/^[京津滬渝冀豫雲遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陝吉閩貴粵青藏川寧瓊使領A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/;
var creg=/^[京津滬渝冀豫雲遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陝吉閩貴粵青藏川寧瓊使領A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9掛學警港澳]{1}$/;
if(vehicleNumber.length == 7){
return creg.test(vehicleNumber);
} else if(vehicleNumber.length == 8){
return xreg.test(vehicleNumber);
} else{
return false;
}
}
import {
isVehicleNumber } from "@/api/index.js";
const
vehicleNumber = (rule, value, callback) => {
if (
isVehicleNumber(value)) {
callback();
} else {
return callback(new Error("車牌號不正確"));
}
};
<el-form ref="form" :model="form" :rules="
rules" label-width="80px">
<el-form-item label="車牌號" prop="carNumber">
<el-input v-model="form.carNumber" placeholder="請輸入車牌號" />
</el-form-item>
</el-form>
// 表單校驗
rules: {
carNumber: [
{ required: true, message: "車牌號不能為空", trigger: "blur" },
{
validator:
vehicleNumber,
trigger: "blur",
},
]
},