這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)django項(xiàng)目基于鉤子驗(yàn)證的注冊功能是怎么樣的，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)長期為上1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為恩陽企業(yè)提供專業(yè)的網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)，恩陽網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

　　前端html

　　注冊

　　{# 注冊的開始#}

　　onsubmit="return false">

　　{% csrf_token %}

　　type=email

　　data-val=true

　　data-val-checkemailpostfix=不支持該郵箱后綴

　　data-val-email=郵箱格式錯誤

　　data-val-length=郵箱地址不能超過120個字符

　　data-val-length-max=120

　　data-val-regex=郵箱地址錯誤或不支持

　　data-val-regex-pattern="[\w!#\$%&'\*\+\-\/=\^_`{\|}~.]+@([\w-]+\.)+(com|net|cn|org|me|cc|biz)$"

　　data-val-remote="'郵箱' is invalid."

　　data-val-remote-additionalfields=*.Email

　　data-val-remote-url=/Account/CheckEmail

　　data-val-required=請輸入郵箱地址 id=Email

　　name=member_email>

　　class="text-danger field-validation-valid" data-valmsg-for=Email

　　data-valmsg-replace=true>

　　手機(jī)號碼

　　data-val-maxlength=國家代碼格式錯誤 data-val-maxlength-max=4

　　data-val-regex=國家代碼格式錯誤 data-val-regex-pattern=^\+\d{1,3}$

　　data-val-required=請輸入國家代碼 id=CountryCode name=CountryCode

　　value=+86>

　　placeholder=綁定你的手機(jī)號 type=text

　　data-val=true data-val-regex=手機(jī)號碼有誤

　　data-val-regex-pattern=^\d{4,13}$

　　data-val-remote="'手機(jī)號碼' is invalid."

　　data-val-remote-additionalfields=*.PhoneNum

　　data-val-remote-url=/Account/CheckPhoneNum

　　data-val-required=請輸入手機(jī)號碼 id=PhoneNum

　　name=member_tel>

　　data-valmsg-replace=true>

　　class="text-danger field-validation-valid"

　　data-valmsg-for=PhoneNum

　　data-valmsg-replace=true>

　　登錄名稱

　　type=text

　　data-val=true

　　data-val-length=不合要求，至少2個字符，最多30個字符

　　data-val-length-max=30 data-val-length-min=2

　　data-val-nospace=登錄用戶名不能包含空格

　　data-val-remote="'登錄名稱' is invalid."

　　data-val-remote-additionalfields=*.LoginName

　　data-val-remote-url=/Account/CheckLoginName

　　data-val-required=請輸入登錄用戶名 id=LoginName

　　name=member_name>

　　data-valmsg-replace=true>

　　顯示名稱

　　type=text

　　data-val=true

　　data-val-length=不合要求，至少2個字符，最多20個字符

　　data-val-length-max=20 data-val-length-min=2

　　data-val-regex=不能包含空格、@、:和，不能以._結(jié)尾

　　data-val-regex-pattern=^(?!.*[@:：\s]).*[^._]$

　　data-val-remote="'顯示名稱' is invalid."

　　data-val-remote-additionalfields=*.DisplayName

　　data-val-remote-url=/Account/CheckDisplayName

　　data-val-required=請輸入顯示名稱 id=DisplayName

　　name=member_nickname>

　　class="text-danger field-validation-valid" data-valmsg-for=DisplayName

　　data-valmsg-replace=true>

　　密碼

　　placeholder=至少8位，必須包含字母、數(shù)字、特殊字符

　　type=password data-val=true

　　data-val-length=不合要求，密碼長度要求8-30位

　　data-val-length-max=30

　　data-val-length-min=8

　　data-val-nospace=密碼不能包含空格

　　data-val-regex=密碼必須包含字母、數(shù)字和特殊字符的組合

　　data-val-regex-pattern="^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9])[-0-9a-zA-Z~!@#$%^&*`_=+\]\[{}:;\\|:;"'/?>.<,\(\)]{8,30}$"

　　data-val-required=請輸入密碼 id=Password

　　name=member_pwd>

　　class="text-danger field-validation-valid" data-valmsg-for=Password

　　data-valmsg-replace=true>

　　確認(rèn)密碼

　　type=password

　　data-val=true data-val-equalto=確認(rèn)密碼錯誤

　　data-val-equalto-other=*.Password

　　id=ConfirmPassword

　　name=r_pwd>

　　class="text-danger field-validation-valid" data-valmsg-for=ConfirmPassword

　　data-valmsg-replace=true>

　　class="btn ladda-button mx-auto d-block cnblogs-btn-blue"

　　data-style=zoom-in>注冊

　　* 點(diǎn)擊 “注冊” 按鈕，即表示您同意并愿意遵守

　　class=look-agreeon target=_blank

　　href=//passport.cnblogs.com/agreement.html>用戶協(xié)議。

　　{#注冊的表單結(jié)束#}

　　前端jquery

　　{#注冊的jquery#}

　　$(document).ready(function () {

　　//當(dāng)點(diǎn)擊注冊按鈕時候，把form表單里的內(nèi)容提交到后臺

　　$("#submitBtn").click(function () {

　　$.post("/blog/regist/", $('#registerForm').serialize(), function (data) {

　　if (data.status == 0) {

　　arr = {

　　'member_name': '登錄名稱',

　　'member_nickname': '顯示名稱',

　　'member_pwd': '密碼',

　　'r_pwd': '確認(rèn)密碼',

　　'member_email': '郵箱',

　　'member_tel': '手機(jī)號碼',

　　'__all__': ''

　　};

　　$.each(data['info'], function (key, value) { //遍歷鍵值對

　　console.log(key);

　　console.log(value[0]);

　　layer.msg(arr[key] + value[0]);

　　return false;

　　layer.msg(arr[key] + data['info'][key]);

　　return false;

　　});

　　} else if (data.status == 1) {

　　layer.msg(data['info'], function () {

　　location.href = "{% url 'index' %}";

　　});

　　} else {

　　layer.msg(data['info']);

　　}

　　}, 'json');

　　});

　　});

　　{#注冊的jquery結(jié)束#}

　　后臺路由

　　# 注冊

　　path('regist/', login.regist,name='regist'),

　　寫鉤子驗(yàn)證：項(xiàng)目目錄下創(chuàng)建my_forms.py文件

　　from django import forms #自動驗(yàn)證 # forms組件

　　from django.forms import widgets

　　from django.core.exceptions import ValidationError

　　from django.core.validators import RegexValidator

　　from blog.models import Member

　　class UserForm(forms.Form):

　　wid_01 = widgets.TextInput(attrs={"class": "form-control"})#

　　wid_02 = widgets.PasswordInput(attrs={"class": "form-control"})#

　　member_name=forms.CharField(max_length=60,min_length=4,label="用戶名",widget=wid_01,error_messages={"required":"該字段必填"})

　　member_nickname = forms.CharField(max_length=60, min_length=2, label="顯示名稱", widget=wid_01,

　　error_messages={"required": "該字段必填"})

　　member_pwd=forms.CharField(max_length=30,min_length=8,label="密碼",widget=wid_02,validators=[RegexValidator('\d+','只能是數(shù)字') ],error_messages={'required': '密碼不能為空','min_length': '密碼長度不能小于8','max_length': '密碼長度不能大于18','invalid': '密碼格式錯誤',})

　　r_pwd=forms.CharField(max_length=30,min_length=8,label="確認(rèn)密碼",widget=wid_02,validators=[RegexValidator('\d+','只能是數(shù)字') ],error_messages={'required': '密碼不能為空','min_length': '密碼長度不能小于8','max_length': '密碼長度不能大于18','invalid': '密碼格式錯誤',}) #/(?=.*[a-z])(?=.*\d)(?=.*[#@!~%^&*])[a-z\d#@!~%^&*]{8,16}/i

　　member_email = forms.EmailField(label="郵箱",widget=wid_01,error_messages={"required":"該字段必填","invalid":"格式不正確"})

　　member_tel = forms.CharField(max_length=11, widget=wid_01,label="電話號碼",)

　　# 局部鉤子

　　def clean_member_name(self):

　　val = self.cleaned_data.get("member_name")

　　res = Member.objects.filter(member_name=val)

　　if not res:

　　return val

　　else:

　　raise ValidationError("用戶名已存在!")

　　# 全局鉤子

　　def clean(self):

　　member_pwd=self.cleaned_data.get("member_pwd")

　　r_pwd=self.cleaned_data.get("r_pwd")

　　if member_pwd and r_pwd:

　　if member_pwd==r_pwd:

　　# print(self.cleaned_data)

　　return self.cleaned_data

　　else:

　　raise ValidationError('兩次密碼不一致!')

　　else:無錫婦科醫(yī)院排名 http://www.csfk0731.com/

　　return self.cleaned_data

　　后臺方法

　　from blog.my_forms import *

　　# 注冊頁

　　def regist(request):

　　res = {'status': None, 'info': None}

　　if request.method == "POST":

　　form = UserForm(request.POST)

　　if not form.is_valid():

　　res['status'] = 0

　　res['info'] = form.errors

　　return HttpResponse(json.dumps(res)) # 把這個結(jié)果告訴給前臺，ajax

　　member_name = request.POST.get("member_name")

　　member_nickname = request.POST.get("member_nickname")

　　member_pwd = make_password(request.POST.get("member_pwd"))

　　member_email = request.POST.get("member_email")

　　member_tel = request.POST.get("member_tel")

　　old_member_obj = Member.objects.filter(member_tel=member_tel)

　　if old_member_obj:

　　res['status'] = 3

　　res['info'] = '手機(jī)號已注冊'

　　return HttpResponse(json.dumps(res))

　　member_obj = Member.objects.create(member_name=member_name, member_nickname=member_nickname,

　　member_pwd=member_pwd, member_email=member_email, member_tel=member_tel)

　　if member_obj:

　　# res = {'status': 1, 'info': '登錄成功'}

　　res['status'] = 1

　　res['info'] = '注冊成功，即將跳轉(zhuǎn)至首頁'

　　else:

　　res['status'] = 2

　　res['info'] = '發(fā)生了一個意料之外的錯誤，注冊失敗'

　　response_new = HttpResponse(json.dumps(res)) # 把這個結(jié)果告訴給前臺，ajax

　　# response_new.set_cookie("member_id",member_obj.member_id)#設(shè)置cookie

　　# response_new.set_cookie("member_name", member_obj.member_name)

　　# session

　　request.session['member_id'] = member_obj.member_id

　　request.session['member_name'] = member_obj.member_name

　　# response_new.set_cookie("member_id", member_obj.member_id, expires = 60 * 60 * 24 * 7)

　　return response_new

　　return render(request, 'blog/regist.html')

　　頁面效果

上述就是小編為大家分享的django項(xiàng)目基于鉤子驗(yàn)證的注冊功能是怎么樣的了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道。

標(biāo)題名稱：django項(xiàng)目基于鉤子驗(yàn)證的注冊功能是怎么樣的-創(chuàng)新互聯(lián)
分享地址：http://www.rwnh.cn/article22/dcoijc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、手機(jī)網(wǎng)站建設(shè)、域名注冊、Google、做網(wǎng)站、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)