uniapp校验手机号是否正确
时间: 2023-08-03 08:06:36 浏览: 118
验证手机号码是否正确
你可以借助uni-app的内置验证规则来校验手机号是否正确。具体方法如下:
1. 安装 `uni-simple-router` 插件
```
npm install uni-simple-router
```
2. 在需要校验的页面中引入 `uni-simple-router` 插件
```javascript
import router from '@/common/router.js'
```
3. 在 `<template>` 中添加表单
```html
<template>
<view>
<form @submit.prevent="submitForm">
<input type="text" v-model="mobile" placeholder="请输入手机号">
<button type="submit">提交</button>
</form>
</view>
</template>
```
4. 在 `<script>` 中添加校验方法
```javascript
export default {
data() {
return {
mobile: ''
}
},
methods: {
submitForm() {
if (!/^1[3456789]\d{9}$/.test(this.mobile)) {
uni.showToast({
title: '请输入正确的手机号',
icon: 'none'
})
return
}
// 执行提交逻辑
}
}
}
```
在上面的例子中,我们使用了正则表达式来校验手机号是否正确。如果不正确,就显示一个提示框,否则执行提交逻辑。你可以根据具体需求来修改校验规则和提示信息。
阅读全文