41.限制只能输入数值及保留小数点后两位。
<el-input v-model="form.key" @input="input('key', $event)"></el-input>
input(key, e){
this.form[key] = e.match(/^\d*(\.?\d{0,5})/g)[0]
}
2.手机号数值校验
input(key, e){
this.form[key] = e.replace(/[^\d]/g,'')
if(e.length >= 11) {
const reg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
if(!reg.test(event)) {
console.log('您输入的手机号不正确')
}
}
}
3.18位身份证号校验
const reg=/^[1-9]\d{5}(19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
4.小数点个数限制
this.value = this.value.match(/^\d*(\.?\d{0,4})/g)[0] || null
前端表单验证实践
本文介绍了前端开发中常见的表单验证技巧,包括限制输入为数值并保留两位小数、手机号码验证、18位身份证号校验以及限定小数点位数的方法。通过正则表达式实现高效且精确的验证,确保用户输入的数据符合规范。
878





