快捷導(dǎo)航

HTML的form表單和django的form表單

更新時(shí)間：2019年07月25日 09:23:53 作者：谷子的

這篇文章主要介紹了HTML的form表單和django的form表單,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

django的表單系統(tǒng)，分2種

基于django.forms.Form的所有表單類(lèi)的父類(lèi)
基于django.forms.ModelForm,可以和模型類(lèi)綁定的Form

直接用原生的form表單，也可以直接用，較麻煩，

django的form表單，也可用可不要，

在views里創(chuàng)建一個(gè)類(lèi)，繼承了forms.Form ,每個(gè)字段就是一個(gè)輸入框，

#-----
#django 的form表單

from django import forms

class MyForm(forms.Form):
  #forms對(duì)應(yīng)的是前端的form表單，form 表單要驗(yàn)證的字段
  #都與校驗(yàn)有關(guān)系，與數(shù)據(jù)庫(kù)沒(méi)有關(guān)系

  #封裝性強(qiáng)，可以 在前端指定顯示那些字段，label 是顯示指定的數(shù)據(jù)，
  user = forms.CharField(label="用戶(hù)名")#輸入的用戶(hù)名，
  age = forms.IntegerField(label="年齡")
  email = forms.EmailField()


#form注冊(cè)

def reg2(request):
  # 實(shí)列化出一個(gè)form對(duì)象,傳到前端

  form_obj = MyForm()

  return render(request,"reg2.html",{"form_obj":form_obj})

在前端新建一個(gè)注冊(cè)頁(yè)面，前端渲染表單，是后端表單類(lèi)實(shí)例出來(lái)的對(duì)象，用對(duì)象調(diào)用每個(gè)字段，

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

</head>
<body>

<h3>form表單使用</h3>
<form action="/reg2/" method="post">
{#  渲染從后端傳來(lái)的變量，as_p 是段落#}
  {% csrf_token %}
{#  {{ form_obj.as_p }}#}
  <p>姓名{{ form_obj.user }}</p>
  <p>年齡{{ form_obj.age }}</p>
  <p>郵箱{{ form_obj.email }}</p>

</form>

</body>

</html>

可以從瀏覽器的檢查元素中看到,瀏覽器自動(dòng)添加了一些東西，

<body>

<h3>form表單使用</h3>
<form action="/reg2/" method="post">

  <input name="csrfmiddlewaretoken" value="GyY3KE5uM7HeErOEZ8OQFwUJYQYaknrOmavdmfufBuVOHdDSWfeHDyt2pjXarGAV" type="hidden">

  <p>姓名<input name="user" required="" id="id_user" type="text"></p>
  <p>年齡<input name="age" required="" id="id_age" type="number"></p>
  <p>郵箱<input name="email" required="" id="id_email" type="email"></p>

</form>
</body>

如果在前端頁(yè)面隨便輸入就提交，前端會(huì)做校驗(yàn)，這都是瀏覽器做的校驗(yàn)，

可以自己定制，字段的錯(cuò)誤信息提示，和顯示信息，

#django 的form表單
 
from django import forms
 
class MyForm(forms.Form):
  #forms對(duì)應(yīng)的是前端的form表單，form 表單要驗(yàn)證的字段
  #都與校驗(yàn)有關(guān)系，與數(shù)據(jù)庫(kù)沒(méi)有關(guān)系
 
  #封裝性強(qiáng)，可以 在前端指定顯示那些字段，label 是顯示指定的數(shù)據(jù)，require 是必須填寫(xiě)的，
  user = forms.CharField(label="用戶(hù)名",min_length=5,max_length=8)#輸入的用戶(hù)名，
  age = forms.IntegerField(label="年齡",error_messages={"required":"必填",})
  email = forms.EmailField()
 
 
#form注冊(cè)
 
def reg2(request):
 
  errors_obj = " "
  if request.method == "POST":
    form_post = MyForm(request.POST)#拿到請(qǐng)求的所有數(shù)據(jù)
    if form_post.is_valid():#判斷數(shù)據(jù)是否合法，返回布爾值，
 
      print("data",form_post.cleaned_data)#獲取數(shù)據(jù)，得到一個(gè)字典格式，
 
    #添加數(shù)據(jù)庫(kù)
    # User.objects.create_user()
  # 實(shí)列化出一個(gè)form對(duì)象,傳到前端
 
    #如果是輸入不合格式的信息，錯(cuò)誤信息，
    else:
      #獲取錯(cuò)誤信息
      errors_obj = form_post.errors
 
      # print("error",form_post.errors["user"][0])
      # print("error",form_post.errors["age"])
      # print("error",type(form_post.errors))#字典類(lèi)型，
 
 
  form_obj = MyForm()
 
  return render(request,"reg2.html",{"form_obj":form_obj,"errors_obj":errors_obj})

在前端頁(yè)面

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

</head>
<body>

<h3>form表單使用</h3>
<form action="/reg2/" method="post">
{#  渲染從后端傳來(lái)的變量，as_p 是段落#}
  {% csrf_token %}
{#  {{ form_obj.as_p }}#}
  <p>姓名{{ form_obj.user }} <span>{{ errors.obj.user.0 }}</span> </p>
  <p>年齡{{ form_obj.age }}<span>{{ errors.obj.age.0 }}</span></p>
  <p>郵箱{{ form_obj.email }}<span>{{ errors.obj.email.0 }}</span></p>
  <input type="submit">

</form>

</body>

</html>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: