Home

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) ? "正确" : "错误"}`);
What do you think?
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
Comments
  • Latest
  • Oldest
  • Hottest
Powered by Waline v3.5.6