第一种:纯el-input
<el-input
oninput ="value=value.replace(/[^0-9.]/g,'')" // 添加事件 正则只能输入数字
maxlength="6"
v-model="ruleForm.captcha"
></el-input>
第二种:el-form中添加正则校验
data() {
var phone = (rule, value, callback) => {
if (value === "") {
callback(new Error("手机号不能为空"));
} else {
const reg = /^1[3456789]d{9}$/;
if (!reg.test(value)) {
callback(new Error("手机号格式不正确"));
}
callback();
}
};
return {
ruleForm: {},
rules: {
phone: [{ validator: phone, trigger: "blur" }],
},
};
},