uniapp 中表单验证 校验手机号
时间: 2023-09-16 21:15:08 浏览: 333
在uni-app中,可以使用正则表达式对手机号进行校验。下面是一个简单的示例代码:
```javascript
// 在页面的methods中定义校验手机号的方法
methods: {
validatePhoneNumber(phoneNumber) {
const reg = /^1[3456789]\d{9}$/; // 手机号正则表达式
return reg.test(phoneNumber);
},
submitForm() {
// 获取表单中的手机号
const phoneNumber = this.formData.phoneNumber;
// 校验手机号
if (!this.validatePhoneNumber(phoneNumber)) {
uni.showToast({
title: '请输入正确的手机号',
icon: 'none'
});
return;
}
// 执行表单提交操作
// ...
}
}
```
在上述示例中,`validatePhoneNumber`方法利用正则表达式判断手机号是否合法,如果不合法,则弹出提示信息。在`submitForm`方法中,首先获取表单中的手机号,然后调用`validatePhoneNumber`进行校验,如果校验不通过,则弹出提示信息;如果校验通过,则执行表单提交操作。
你可以根据自己的实际需求进行修改和扩展。希望能帮到你!如果还有其他问题,请继续提问。
阅读全文