首页 > 其他 > 详细

vue检查用户名是否重复

时间:2020-10-07 22:38:46      阅读:51      评论:0      收藏:0      [点我收藏+]
#前端函数如下,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/"

 
  // 检查用户名 是否使用
    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 = 用户名不能为空
        this.username_error = true
        return false
      }
      if (!reg.test(this.username)) {
        this.username_message = 用户名格式不正确
        this.username_error = true
        return false
      } else {
        // 去后端检查用户名使用数量
        user_count({ type: username, data: this.username }).then((res) => {
          console.log(res)
          if (res.data.count > 0) {
            this.username_message = 用户名已存在
            this.username_error = true
          } else {
            this.username_message = ‘‘
            this.username_error = false
          }
        })
      }
    },

vue检查手机号是否重复

    // 检查手机号是否使用
    check_phone() {
      console.log(检查手机号)
      var reg = new RegExp(/^[1]([3-9])[0-9]{9}$/)
      if (this.phone == ‘‘) {
        this.phone_message = 手机号不能为空
        this.phone_error = true
      }

      if (!reg.test(this.phone)) {
        this.phone_message = 手机号格式不正确
        this.phone_error = true
        return false
      } else {
        // 去后端查用户数量
        user_count({ type: phone, data: this.phone }).then((res) => {
          console.log(res)
          if (res.data.count > 0) {
            this.phone_message = 手机号已存在
            this.phone_error = true
          } else {
            this.phone_message = ‘‘
            this.phone_error = false
          }
        })
      }
    },

 

vue检查用户名是否重复

原文:https://www.cnblogs.com/shanjiaaa/p/13779386.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!