Form介紹
在HTML頁面中利用form表單向后端提交數(shù)據(jù)時，都會寫一些獲取用戶輸入的標簽并且用form標簽把它們包起來。
與此同時我們在好多場景下都需要對用戶的輸入做校驗，比如校驗用戶是否輸入，輸入的長度和格式等正不正確。如果用戶輸入的內(nèi)容有錯誤就需要在頁面上相應(yīng)的位置顯示對應(yīng)的錯誤信息.。
Django form組件就實現(xiàn)了上面所述的功能。
總結(jié)一下，其實form組件的主要功能如下:
生成頁面可用的HTML標簽 對用戶提交的數(shù)據(jù)進行校驗 保留上次輸入內(nèi)容普通方式手寫注冊功能
views.py
# 注冊def register(request): error_msg = "" if request.method == "POST": username = request.POST.get("name") pwd = request.POST.get("pwd") # 對注冊信息做校驗 if len(username) < 6: # 用戶長度小于6位 error_msg = "用戶名長度不能小于6位" else: # 將用戶名和密碼存到數(shù)據(jù)庫 return HttpResponse("注冊成功") return render(request, "register.html", {"error_msg": error_msg})login.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注冊頁面</title></head><body><form action="/reg/" method="post"> {% csrf_token %} <p> 用戶名: <input type="text" name="name"> </p> <p> 密碼： <input type="password" name="pwd"> </p> <p> <input type="submit" value="注冊"> <p >{{ error_msg }}</p> </p></form></body></html>使用form組件實現(xiàn)注冊功能
views.py
先定義好一個RegForm類：
from django import forms# 按照Django form組件的要求自己寫一個類class RegForm(forms.Form): name = forms.CharField(label="用戶名") pwd = forms.CharField(label="密碼")
再寫一個視圖函數(shù)：
# 使用form組件實現(xiàn)注冊方式def register2(request): form_obj = RegForm() if request.method == "POST": # 實例化form對象的時候，把post提交過來的數(shù)據(jù)直接傳進去 form_obj = RegForm(request.POST) # 調(diào)用form_obj校驗數(shù)據(jù)的方法 if form_obj.is_valid(): return HttpResponse("注冊成功") return render(request, "register2.html", {"form_obj": form_obj})login2.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注冊2</title></head><body> <form action="/reg2/" method="post" novalidate autocomplete="off"> {% csrf_token %} <div> <label for="{{ form_obj.name.id_for_label }}">{{ form_obj.name.label }}</label> {{ form_obj.name }} {{ form_obj.name.errors.0 }} </div> <div> <label for="{{ form_obj.pwd.id_for_label }}">{{ form_obj.pwd.label }}</label> {{ form_obj.pwd }} {{ form_obj.pwd.errors.0 }} </div> <div> <input type="submit" class="btn btn-success" value="注冊"> </div> </form></body></html>
新聞熱點
疑難解答
圖片精選
