Vue项目element组件遇到的坑(记录篇持续更新)

2022-09-02 17:42:00 浏览数 (1)

Input数字输入框

代码语言:javascript复制
<!-- 一般情况使用  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校验判断姓名

代码语言:javascript复制
const reg = /^[u4e00-u9fa5]{2,8}$/;
const name = '呜哈哈1';
console.log(`姓名校验 ${reg.test(name)?'正确':'错误'}`);

JS校验判断手机号

代码语言:javascript复制
const reg = /^1[3|4|5|7|8]d{9}$/;
const mobil = '1525222222';
console.log(`手机号校验 ${reg.test(mobil)?'正确':'错误'}`);

JS校验判断身份证号码

代码语言:javascript复制
const reg = /(^d{15}$)|(^d{18}$)|(^d{17}(d|X|x)$)/;
const userNum = '320333199806060011X';
console.log(`身份证号码校验 ${reg.test(userNum)?'正确':'错误'}`);

0 人点赞