17.django新增檢查使用者名稱和手機號數量介面+vue檢查使用者名稱,手機號是否重複
文章目錄
1.django新增檢查使用者名稱和手機號數量介面
1.1 在user/urls.py
中新增
urlpatterns = [
path('count/', views.RegCountView.as_view()), # 查詢使用者名稱手機號使用量的檢視, /user/count/
]
1.2 在user/views.py
中新增檢視函式
# 查詢使用者數量介面
class RegCountView(APIView):
# 註冊時需要驗證的使用者名稱和手機號是否使用
# 自定義許可權類
permission_classes = (AllowAny,)
def post(self, request):
# 接收引數: 驗證的內容type: username/phone, data: '使用者名稱' 或者 '手機號',
datatype = request.data.get('type')
data = request.data.get('data')
if not all([data, datatype]):
return Response({'code': 999, 'msg': '引數不完整'})
if datatype == 'username':
count = User.objects.filter(username=data).count()
if datatype == 'phone':
count = User.objects.filter(phone=data).count()
return Response({'code': 0, 'msg': '查詢成功', 'data': {'type': datatype, 'count': count}})
2.測試介面
2.1測試介面URL
http://192.168.56.100:8888/user/count/
2.2演示結果
3.vue檢查使用者名稱,手機號是否重複
3.1vue檢查使用者名稱是否重複
- 前端函式如下,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/"
- vue函式
// 檢查使用者名稱 是否使用
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
}
})
}
},
3.2vue檢查手機號是否重複
// 檢查手機號是否使用
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
- Laravel 實現使用者名稱 + 郵箱 + 手機號登入Laravel
- 深度解析--只有微博使用者名稱怎麼查到IP和手機號!
- Java+Ajax實現使用者名稱重複檢驗Java
- 用jquery驗證使用者名稱是否有效或重複jQuery
- mysql之查詢使用者名稱MySql
- 查詢手機號碼是否支援攜號轉網的API介面API
- 根據使用者名稱和密碼查詢使用者密碼
- 使用Ajax技術檢測使用者名稱是否被佔用
- 檢視檔名稱和查詢檔案中所含字串字串
- Git 檢視和修改使用者名稱與郵箱Git
- win10系統遠端桌面如何輸入計算機名和使用者名稱賬號Win10計算機
- 手機號性別檢測
- mybatis入門程式:mybatis根據使用者名稱稱模糊查詢使用者資訊MyBatis
- 使用者名稱不能包含中文和特殊符號,只能輸入英文加數字符號
- JQuery表單驗證(包括:使用者名稱,手機號,密碼,確認密碼,驗證碼60s)jQuery密碼
- win10系統開啟印表機提示再次檢查印表機的名稱怎麼辦Win10
- 利用JS驗證使用者名稱是否合法JS
- 商城-使用者註冊-根據使用者名稱和密碼查詢使用者密碼
- 實名認證、號碼檢測、IP查詢等好用介面推薦
- win10檢視計算機名稱的方法Win10計算機
- js 驗證使用者名稱和密碼是否為空JS密碼
- win10電腦怎麼改開機使用者名稱 win10電腦開機使用者名稱更改方法Win10
- mongodb怎樣給本地資料庫新增使用者名稱密碼和修改賬號密碼?MongoDB資料庫密碼
- list-style-type:符號名稱符號
- js檢查身份證號是否正確JS
- 加密的手機號,如何模糊查詢?加密
- 修改 Ubuntu 系統使用者名稱和登入名Ubuntu
- 查詢跟蹤檔名稱
- Symantec:調查稱半數丟失的智慧手機被找回
- git使用者名稱和郵箱配置Git
- JQuery+Asp.net MVC實現使用者名稱重名查詢jQueryASP.NETMVC
- win10如何修改印表機名稱_win10怎麼改印表機顯示的使用者名稱Win10
- win10電腦怎麼改開機使用者名稱 win10開機賬戶名稱更改方法Win10
- Mac-zsh終端隱藏命令列前面的使用者名稱和主機名Mac命令列
- JavaScript驗證使用者名稱密碼是否為空JavaScript密碼
- github修改使用者名稱Github