循序渐进Python3(十三) --2-- django之form表单(自动生成html标签和自定制提示信息)...

在上一次的代码上做出进一步修改,使之能在页面上显示自定制的报错信息,并且使用form自动创建标签的功能。
views.py
 
  
  1. from django.shortcuts import render, HttpResponse
  2. from django import forms
  3. import json
  4. import re
  5. from django.core.exceptions import ValidationError
  6. # Create your views here.
  7. def mobile_validate(value):
  8. mobile_re = re.compile(r'^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$')
  9. if not mobile_re.match(value):
  10. raise ValidationError('手机号码格式错误')
  11. class InputForm(forms.Form):
  12. # 下面使用的变量名必须和html中input标签的name值相同
  13. # forms 的字段类型包括:IntegerField,CharField,URLField,EmailField,DateField等,但是没有手机号
  14. # required=True表示对输入做验证
  15. # error_messages 自定制提示信息
  16. username = forms.CharField(required=True, error_messages={'required':'用户名不能为空'})
  17. password = forms.CharField(required=True,
  18. min_length=6,
  19. max_length=10,
  20. error_messages={'required':'密码不能为空','min_length':'至少6位',
  21. 'max_length':'至多10位'}
  22. )
  23. num = forms.IntegerField(error_messages={'required':'不能为空', 'invalid':'必须是数字'})
  24. # 自定制验证方法关键就是参数validators,和自己的函数关联起来
  25. phone = forms.CharField(validators=[mobile_validate,],)
  26. def login(request):
  27. if request.POST:
  28. objPost = InputForm(request.POST)
  29. ret = objPost.is_valid()
  30. if ret:
  31. print(objPost.clean())
  32. # else:
  33. # # from django.forms.utils import ErrorDict
  34. # print(type(objPost.errors),objPost.errors.as_json())
  35. return render(request, 'login.html', {'data': objPost})
  36. else:
  37. objGet = InputForm()
  38. return render(request, 'login.html',{'data': objGet})
login.html
 
   
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <style>
  7. .error-msg{
  8. color:red;
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <form action="/login/" method="POST">
  14. <div>
  15. <div>
  16. {{ data.username }}
  17. {% if data.errors.username %}
  18. <span class="error-msg">{{ data.errors.username.0 }}</span>
  19. {% endif %}
  20. </div>
  21. <div>
  22. {{ data.password }}
  23. {% if data.errors.password %}
  24. <span class="error-msg">{{ data.errors.password.0 }}</span>
  25. {% endif %}
  26. </div>
  27. <div>
  28. {{ data.num }}
  29. {% if data.errors.num %}
  30. <span class="error-msg">{{ data.errors.num.0 }}</span>
  31. {% endif %}
  32. </div>
  33. <div>
  34. {{ data.phone }}
  35. {% if data.errors.phone %}
  36. <span class="error-msg">{{ data.errors.phone.0 }}</span>
  37. {% endif %}
  38. </div>
  39. <input type="submit" value="提交" />
  40. </div>
  41. </form>
  42. </body>
  43. </html>
效果图:
996586-20170228120243048-1673787213.png
 上面这个图的提示应该是django 1.10 版本 新增
996586-20170228120244595-986428446.png
 




转载于:https://www.cnblogs.com/wumingxiaoyao/p/6478287.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值