<template>
<view>
<input type="number" @blur="doInput(submitForm.phone)" v-model="submitForm.phone" placeholder="請輸入手機號碼" maxlength="11" />
</view>
</template>
<script>
export default {
data() {
return {
submitForm: {
phone: ""
}
}
},
methods: {
doInput(val) {
var regPhone = (/^(13[0-9]|14[1579]|15[0-3,5-9]|16[6]|17[0123456789]|18[0-9]|19[89])\d{8}$/); //手機號碼
if(!regPhone.test(val)){
uni.showToast({
title: '手機號格式錯誤',
icon: 'none'
});
return;
}
}
}
}
</script>
<style>
input {
width: 500rpx;
height: 50rpx;
border: 1px solid red;
}
</style>
直接復制粘貼根據需求更改校驗即可,正則代碼在其它的帖子有,可以前往復制