该博客介绍如何在Vue应用中实现用户名和手机号的重复性检查。前端部分涉及在`lab_header.vue`组件中定义`check_username`和`check_phone`方法，通过正则表达式验证输入格式，并调用`http.js`中的API接口`user_count`来查询后端数据，判断用户名或手机号是否已被使用。当检测到重复时，会显示相应的错误信息。
1.vue检查用户名是否重复
前端函数如下,js方法代码无需更改，前端代码逻辑在components\common\lab_header.vue
只需要修改components\axios_api\http.js中调用的后端地址
// axios.defaults.baseURL = "http://127.0.0.1:8000/"
axios.defaults.baseURL = "http://192.168.56.100:8888/"
type="username"
name="username"
class="form-control"
v-model="username"
@blur="check_username"
placeholder="请输入用户名">
// 检查用户名 是否使用
methods: {
check_username() {
console.log('判断用户名')
console.log(this.username == '')
var reg = new RegExp(/^[a-zA-Z0-9_-]{3,16}$/); //字符串正则表达式 4到14位(字母，数字，下划线，减号)
if (this.username == '') {
this.username_message = '用户名不能
最低0.47元/天 解锁文章
2880
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
