在模板中处理 django-Form

1.0 在视图中获取

# view.py
from .forms import MyForm
def view(request):
    if requrest.method == "POST"
        myForm = MyForm(requrest.post)
        if myForm.is_valid():
            # 验证通过,获取数据
            name = myForm.cleaned_data["name"]
            age = myForm.cleaned_data["age"]
    else:
        # get 请求的操作.
    # 表单上传的文件从 reques.FILES 中获取

2.0 在模板中渲染表单

2.1 使用django的渲染机制

{{ form }},在模板中渲染表单是不包含和按钮的
需要:

<form>
    {{ form }}
    <form type="sublime">
</form>

另外还有如下几种渲染方式:

  • {{ form.as_table }} 以表单的渲染在tr标签中
  • {{ form.as_p }} 渲染在

示例:
使用{{ form.as_p }}

// 对于每一个表单字段都有一个id = id_formName 
<p>
    <label for="id_subject">Subject:</label>
    <input id="id_subject" type="text" name="subject" maxlength="100" />
</p>
<p>
    <label for="id_message">Message:</label>
    <input type="text" name="message" id="id_message" />
</p>
<p>
    <label for="id_sender">Sender:</label>
    <input type="email" name="sender" id="id_sender" />
</p>
<p>
    <label for="id_cc_myself">Cc myself:</label>
    <input type="checkbox" name="cc_myself" id="id_cc_myself" />
</p>

2.2 手工渲染字段

放弃使用form直接渲染,自己手工获取到表单的字段渲染
每一个字段都是表单的一个属性,使用 {{ form.name_of_field }} 访问
example:

{{ form.non_field_errors }}    <!-- 每个字段的错误 -->

<div class="fieldWrapper">
    {{ form.subject.errors }}  <!-- 表单的一个错误清单 -->
    <label for="{{ form.subject.id_for_label }}">Email subject:</label>
    {{ form.subject }}
</div>

<div class="fieldWrapper">
    {{ form.message.errors }}
    <label for="{{ form.message.id_for_label }}">Your message:</label>
    {{ form.message }}
</div>

<div class="fieldWrapper">
    {{ form.sender.errors }}
    <label for="{{ form.sender.id_for_label }}">Your email address:</label>
    {{ form.sender }}
</div>

<div class="fieldWrapper">
    {{ form.cc_myself.errors }}
    <label for="{{ form.cc_myself.id_for_label }}">CC yourself?</label>
    {{ form.cc_myself }}
</div>

当然,对于完整的

<div class="fieldWrapper">
    {{ form.subject.errors }}
    {{ form.subject.label_tag }}
    {{ form.subject }}
</div>

3.0 渲染表单的错误信息

  • {{ form.non_field_errors }}
  • {{ form.name_of_field.errors }}
    {{ form.name_of_field.errors }} 显示表单错误的一个清单,并渲染成一个ul,这个 ul 有一个 errorlist CSS 类型,可以用它定义外观。看上去可能像:
<ul class="errorlist">
    <li>Sender is required.</li>
</ul>

进一步显示(迭代)错误信息

{% if form.subject.errors %}
    <ol>
        {% for error in form.subject.errors %}
            <li>
                <strong>{{ error|escape }}</strong>
            </li>
        {% endfor %}
    </ol>
{% endif %}

对于空字段错误,将渲染成另一 CSS —nonfield,像这样

<ul class="errorlist nonfield">
    <li>Generic validation error</li>
</ul>

4.0 迭代表单的字段

表单使用相同的HTML,你可以使用 {% for %} 循环迭代每个字段来减少重复的代码:

{% for field in form %}
    <div class="fieldWrapper">
        {{ field.errors }}
        {{ field.label_tag }}
        {{ field }}
    </div>
{% endfor %}

field 中包括的有用字段:
* {{ field.label }}:字段的 label ,例如 Email address 。

  • {{ field.label_tag }}:包含在HTML

  • {{ field.id_for_label }}:用于这个字段的 ID

  • {{ field.value }}:字段的值,例如 dolphin@example.com 。

  • {{ field.html_name }}:输入元素的 name 属性中将使用的名称。它将考虑到表单的前缀。
  • {{ field.help_text }}:该字段的帮助文档
  • {{ field.errors }}:字段的验证错误信息
    输出一个 class=”errorlist” 的 ul,包含这个字段的验证错误信息。你可以使用 {%forerrorinfield.errors%}自定义错误的显示。这种情况下,循环中的每个对象只是一个包含错误信息的简单字符串。
  • {{ field.is_hidden }}:字段是否隐藏,一个布尔值
  • {{ field.field }}:表单类中的 Field 实例
    通过 BoundField 封装。你可以使用它来访问 Field 属性,例如 {% char_field.field.max_length %}。

4.1 迭代隐藏和可见的字段

Django 提供两个表单方法:hidden_fields() 和 visible_fields()。允许独立地在隐藏的和可见的字段上迭代。

{% for hidden in form.hidden_fields %}
    {{ hidden }}
{% endfor %}

{% for field in form.visible_fields %}
    <div class="fieldWrapper">
        {{ field.errors }}
        {{ field.label_tag }} 
        {{ field }}
    </div>
{% endfor %}

5.0 可重用的表单模板

# In your form template:
{% include "form_snippet.html" %}

# In form_snippet.html:
{% for field in form %}
    <div class="fieldWrapper">
        {{ field.errors }}
        {{ field.label_tag }}
        {{ field }}
    </div>
{% endfor %}

递到模板上下文中的表单对象具有一个不同的名称,可以在 temolate 中 include 时使用 include 标签的 with 参数来对它起个别名:

{% include "form_snippet.html" with form=comment_form %}

如果你发现自己经常这样做,你可能需要考虑一下创建一个自定义的 inclusion 标签.

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Django使用django-simple-captcha生成验证码可以通过以下步骤现: 1. 安装django-simple-captcha库: 在终端运行以下命令安装django-simple-captcha库: ``` pip install django-simple-captcha ``` 2. 在Django项目的`settings.py`文件添加`captcha`应用: 打开`settings.py`文件,找到`INSTALLED_APPS`列表,将`'captcha'`添加到其。 3. 运行数据库迁移: 在终端运行以下命令,将`captcha`应用的数据库迁移到你的项目: ``` python manage.py migrate captcha ``` 4. 在需要生成验证码的表单添加验证码字段: 在你的表单类导入`CaptchaField`,并将其作为一个字段添加到表单。例如: ```python from captcha.fields import CaptchaField class MyForm(forms.Form): # 其他字段... captcha = CaptchaField() ``` 5. 在视图函数验证验证码: 在你的视图函数,可以通过调用`form.is_valid()`来验证验证码是否正确。例如: ```python def my_view(request): if request.method == 'POST': form = MyForm(request.POST) if form.is_valid(): # 验证码正确,执行相应的逻辑 # ... else: # 验证码错误,处理错误信息 # ... else: form = MyForm() return render(request, 'my_template.html', {'form': form}) ``` 6. 在模板显示验证码输入框: 在你的模板文件,可以通过`form.captcha`来渲染验证码输入框。例如: ```html <form method="post"> {% csrf_token %} {{ form.as_p }} <button type="submit">提交</button> </form> ``` 这样,你就可以在Django使用django-simple-captcha生成验证码了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值