参考:http://www.cnblogs.com/wupeiqi/articles/6144178.html
FORM中的字段只对post上来的数据进行form验证,
主要涉及:字段 和 插件
字段:对用户请求数据的验证。
插件:用于自动生成html。
- 自定义:
- 创建类
- 定义字段(验证)
- 插件(生成html)
- 初始化操作
实例:通过前端html和后台django,通过from实现一个简单的表单验证及多个功能的展示
前端fm.html代码:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
{#功能:实现表单进行数据验证,并在验证未通过情况下,页面不进行刷新,只提示错误#}
<form action="/fm" method="post">
    {% csrf_token %}
{#    以下第一个user.label为FM表单user字段的label值,第二个obj.user为FM表单的user字段,最后的一个是FM表单的error_messages错误提醒#}
    {% csrf_token %}
    <p>
        {{ obj.user.label }}{{ obj.user }}{{ obj.errors.user.0 }}
    </p>
    <p>
        {{ obj.pwd.label }}{{ obj.pwd }}{{obj.errors.pwd.0 }}
    </p>
    <p>
        {{ obj.email.label }}{{ obj.email }}{{ obj.errors.email.0 }}
    </p>
    <p>
        {{ obj.f.label }}{{ obj.f }}{{ obj.errors.f.0 }}
    </p>
    <p>
{#        这个提交的是选中的文件的路径#}
        {{ obj.p }}
    </p>
    <p>
{#        choice下拉框选项#}
        {{ obj.cite }}
    </p>
    <p>
{#        单选#}
        {{ obj.cite2 }}
    </p>
    <p>
        {{ obj.mcite }}
    </p>
    <input type="submit" value="提交" />
</form>
</body>
</html>
View Code

相关文章:

  • 2021-10-31
  • 2022-02-12
  • 2022-12-23
  • 2021-07-19
  • 2021-09-21
  • 2022-03-01
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-08-09
  • 2022-12-23
  • 2022-12-23
  • 2021-06-18
  • 2021-11-05
相关资源
相似解决方案