zl程序教程

您现在的位置是:首页 >  前端

当前栏目

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

Vue项目组件 记录 更新 持续 遇到 Element
2023-06-13 09:11:54 时间

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)?'正确':'错误'}`);