Uni-app内置了一些表单验证方法,可以帮助我们对表单进行有效的验证。以下是一些常用的验证方法:
- 非空验证:
if(!this.formData.name){
uni.showToast({
title: '请输入姓名',
icon: 'none'
});
return false;
}
- 手机号码验证:
const phoneReg = /^1[3|4|5|6|7|8|9][0-9]{9}$/;
if(!phoneReg.test(this.formData.phone)){
uni.showToast({
title: '请输入正确的手机号码',
icon: 'none'
});
return false;
}
- 邮箱验证:
const emailReg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
if(!emailReg.test(this.formData.email)){
uni.showToast({
title: '请输入正确的邮箱地址',
icon: 'none'
});
return false;
}
- 身份证号码验证:
const idCardReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
if(!idCardReg.test(this.formData.idCard)){
uni.showToast({
title: '请输入正确的身份证号码',
icon: 'none'
});
return false;
}
可根据自己的需求进行组合验证,最后根据验证结果来判断表单是否可以提交。