vue 用户名重复验证_vue检查用户名是否重复

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/"

// 检查用户名是否使用

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

}

})

}

2.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 用户名重复验证_vue检查用户名是否重复相关推荐

vue 用户名重复验证_Vue项目中实现用户登录及token验证
在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下: 1.第一次登录的时候,前端调后端的登陆接口,发送用户名和密码 2.后端收到请求,验证用户名和密码,验证成功,就给前端返回一个to ...
vue 用户名重复验证_Vue中的验证登录状态
Vue项目中实现用户登录及token验证先说一下我的实现步骤: 使用easy-mock新建登录接口,模拟用户数据使用axios请求登录接口,匹配账号和密码账号密码验证后, 拿到token,将to ...
vue 插件滑块验证_VUE接入腾讯验证码功能（滑块验证）备忘
最近在用VUE做个简单的用户系统,登录注册需要验证码,想找个那种拖动的,找geetest居然已经不面向小客户了(或者说只有收费套餐). 腾讯防水墙的验证码免费使用,有2000/小时的免费额度,对于小网 ...
vue 插件滑块验证_vue滑块验证，原理，demo
全新人机验证方式,高效拦截机器行为,业务安全第一道防线. 互联网50%以上的流量都来自机器,行为验证本质上是利用生物行为特征模型进行人机识别,用在注册登录.防刷红包优惠券.数据反爬等各种调用接口的场景 ...
vue 插件滑块验证_vue之滑块验证码
image.png 本文章采用阿里云的滑块验证,如果要使用的话,首先注册并申请appKey. 服务器采用python验证:https://segmentfault.com/a/119000001059 ...
vue 插件滑块验证_Vue插件之滑动验证码
本文实例为大家分享了Vue插件之滑动验证码的具体代码,供大家参考,具体内容如下预览目前仅前端实现,支持移动端滑动事件.版本V1.0.5 github文档地址安装 npm install --sa ...
vue表单验证(用户名、密码、身份证号、中文姓名、手机号、邮箱)
vue表单验证(用户名.密码.身份证号.中文姓名.手机号.邮箱) new Vue({el: '#register',data: function() {// 验证邮箱let checkEmail = ...
mysql 验证用户名重复,Ajax案例——检验用户名是否重复
一.环境搭建 1.导包这个案例中使用的jar包有三个,需要导入到WEB-INF目录下的lib文件夹中. 导包 2.导入工具库本案例使用的工具类是之前用过的JDBCUtils. import jav ...
ajax注册表单用户名实时验证,Ajax注册表单用户名实时验证..doc
Ajax注册表单用户名实时验证. Ajax注册表单用户名实时验证 1.1.1 摘要很多时候在网站上注册时,我们会发现,注册表单通常需要检查用户名和电子邮件地址的可用性:从而确保用户之间不拥有相同的用 ...

vue 用户名重复验证_vue检查用户名是否重复

vue 用户名重复验证_vue检查用户名是否重复相关推荐

最新文章

热门文章