Vue项目element组件遇到的坑(记录篇持续更新)
Input数字输入框
<!-- 一般情况使用 type="number"存在问题:数字可为负数,且出现上增下减箭头 --> <el-input v-model="input" placeholder="请输入内容" type="number"></el-input> <!-- 我的解决方案 - Perfect --> <el-input v-model="input" placeholder="请输入内容" oninput="value=value.replace(/[^0-9]/g,'')" ></el-input>
JS校验判断姓名
const reg = /^[\u4e00-\u9fa5]{2,8}$/; const name = "呜哈哈1"; console.log(`姓名校验 ${reg.test(name) ? "正确" : "错误"}`);
JS校验判断手机号
const reg = /^1[3|4|5|7|8]\d{9}$/; const mobil = "1525222222"; console.log(`手机号校验 ${reg.test(mobil) ? "正确" : "错误"}`);
JS校验判断身份证号码
const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; const userNum = "320333199806060011X"; console.log(`身份证号码校验 ${reg.test(userNum) ? "正确" : "错误"}`);
Preview: