在上篇表单验证中，过程中可谓坎坷，记录一下错误问题及解决方案。

我们用到的模板contact_form.html如下，其他urls.py自行去修改。

<html>

<head>

    <title>Contact us</title>

</head>

<body>

    <h1>Contact us</h1>

    {% if errors %}

    <ul>

        {% for error in errors %}

        <li>{{ error }}</li>

        {% endfor %}

    </ul>

    {% endif %}

    <form action="/contact/" method="post">

        <p>Subject: <input type="text" name="subject"></p>

        <p>Your e-mail (optional): <input type="text" name="email"></p>

        <p>Message: <textarea name="message" rows="10" cols="50"></textarea></p>

        <input type="submit" value="Submit">

    </form>

</body>

</html>

视图函数

 from django.core.mail import send_mail

 from django.http import HttpResponseRedirect

 def contact(request):

     errors = []

     if request.method == 'POST':

         if not request.POST.get('subject', ''):

             errors.append('Enter a subject.')

         if not request.POST.get('message', ''):

             errors.append('Enter a message.')

         if request.POST.get('email') and '@' not in request.POST['email']:

             errors.append('Enter a valid e-mail address.')

         if not errors:

             try:

                 send_mail(

                     request.POST['subject'],

                     request.POST['message'],

                     request.POST.get('email', 'noreply@example.com'),

                     ['siteowner@example.com'],

                     )

             except:

                 return HttpResponse("exception.")

             return HttpResponseRedirect('/contact/thanks/')

     return render_to_response('contact_form.html',

         {'errors': errors})

由于这示例是个发送邮件，而本地不一定配置了相关环境，我们使用简单地Console backend进行输出邮件内容。

只需要在settings.py中增加如下一句即可：

EMAIL_BACKEND = 'django.core.mail.backends.console.EmailBackend'

我们的视图方法很简单，发送邮件成功（dos窗口会输出邮件相关信息），并转向到thanks视图；失败则会停留在本页并提示错误。

方法看似没问题，可是执行看一下结果（下图是输入正确或错误一样的结果截图，也就是response时候的错误）

针对该问题进行查找解决方案，并一点点修改。

首先引入RequestContext

from django.template import Context,RequestContext

修改模板中加入

 <form action="/contact/" method="post">

         {% csrf_token %}

         <p>Subject: <input type="text" name="subject"></p>

         <p>Your e-mail (optional): <input type="text" name="email"></p>

         <p>Message: <textarea name="message" rows="10" cols="50"></textarea></p>

         <input type="submit" value="Submit">

     </form>

settings.py中添加的那个CsrfViewMiddleware，在原来的配置中就是包含的，不用管。再进行查看结果，还是一样的！这里就不贴图了。

想想我们唯一的改动就是增加了一个模块类RequestContext，但是他有什么用呢？我们并没有改动代码，是不是它对代码会有什么影响？

官网上有这样一段示例

return render_to_response('my_template.html',

                          my_data_dictionary,

                          context_instance=RequestContext(request))

和我们的视图函数中是不一样的！

参照这个示例，我们开始修改视图：

 def contact(request):

     errors = []

     if request.method == 'POST':

         if not request.POST.get('subject', ''):

             errors.append('Enter a subject.')

         if not request.POST.get('message', ''):

             errors.append('Enter a message.')

         if request.POST.get('email') and '@' not in request.POST['email']:

             errors.append('Enter a valid e-mail address.')

         if not errors:

             try:

                 send_mail(

                     request.POST['subject'],

                     request.POST['message'],

                     request.POST.get('email', 'noreply@example.com'),

                     ['siteowner@example.com'],

                     )

             except:

                 return HttpResponse("exception.")

             return HttpResponseRedirect('/contact/thanks/')

     return render_to_response('contact_form.html',

         {'errors': errors},context_instance=RequestContext(request))

我们增加了这一句，然后看效果吧

okay，我们成功了！

当我们输入正确的邮箱时，正确跳转到thanks视图，效果如下：

顺便一提，在我们的dos窗口看到了邮件信息，说明settings.py中的那一句还是好用的：

最终的视图函数如下

 from django.template import Context,RequestContext

 from django.core.mail import send_mail

 from django.http import HttpResponseRedirect

 def contact(request):

     errors = []

     if request.method == 'POST':

         if not request.POST.get('subject', ''):

             errors.append('Enter a subject.')

         if not request.POST.get('message', ''):

             errors.append('Enter a message.')

         if request.POST.get('email') and '@' not in request.POST['email']:

             errors.append('Enter a valid e-mail address.')

         if not errors:

             try:

                 send_mail(

                     request.POST['subject'],

                     request.POST['message'],

                     request.POST.get('email', 'noreply@example.com'),

                     ['siteowner@example.com'],

                     )

             except:

                 return HttpResponse("exception.")

             return HttpResponseRedirect('/contact/thanks/')

     return render_to_response('contact_form.html',

         {'errors': errors},context_instance=RequestContext(request))

 def thanks(request):

     return HttpResponse("thanks for your suggestion!")

模板如下

 <html>

 <head>

     <title>Contact us</title>

 </head>

 <body>

     <h1>Contact us</h1>

     {% if errors %}

     <ul>

         {% for error in errors %}

         <li>{{ error }}</li>

         {% endfor %}

     </ul>

     {% endif %}

     <form action="/contact/" method="post">

         {% csrf_token %}

         <p>Subject: <input type="text" name="subject"></p>

         <p>Your e-mail (optional): <input type="text" name="email"></p>

         <p>Message: <textarea name="message" rows="10" cols="50"></textarea></p>

         <input type="submit" value="Submit">

     </form>

 </body>

 </html>

注意：

return HttpResponseRedirect('/contact/thanks/')

这只是一个普通的HttpResponse，不可修改如下

return HttpResponseRedirect('/contact/thanks/',context_instance=RequestContext(request))

报错如下

小结

有问题是好事，解决问题的过程，能学到更多东西，继续加油！

contact表单错误解决记录的更多相关文章

  1. JS、jqueryie6浏览器下使用js无法提交表单的解决办法

    -----------------------JS.jqueryie6浏览器下使用js无法提交表单的解决办法---------------------------------------------- ...

  2. 错误解决记录------------rhel安装Mysql软件包依赖 mariadb组件

    错误解决记录------------软件包依赖 mariadb组件 错误信息: 错误:软件包:akonadi-mysql-1.9.2-4.el7.x86_64 (@anaconda) 需要:maria ...

  3. 让input表单输入框不记录输入过信息的方法

    有过表单设计经验的朋友肯定知道,当我们在浏览器中输入表单信息的时候,往往input文本输入框会记录下之前提交表单的信息,以后每次只要双击input文本输入框就会出现之前输入的文本,这样有时会觉得比较方 ...

  4. jquery submit()不能提交表单的解决方法

    <form id="form" method="get"> <input type="text" name="q ...

  5. js提交表单错误：document.form.submit() is not a function

    今天在写JS时,遇上这么个错误:"document.form.submit() is not a function",经过一番搜索,最终找到了修复方法. 这个错误一般是由于表单&l ...

  6. vue2.0 element-ui中input的@keyup.native.enter='onQuery'回车查询刷新整个表单的解决办法

    项目中用的element-ui是v1.4.3版本 实现的功能是在input中输入查询的名称,按下键盘回车键,可以查询表格中数据 问题是,我输入名称,按下回车,会整个表单刷新,搜索条件也被清空:代码如下 ...

  7. jsp-提交表单乱码解决

    jsp提交表单有两种方式,一种是get,一种是post,对于两种方式都可能出现乱码,以下给出两种乱码方式的解决方案. 1.post提交解决乱码 //设置解码方式,post提交解决乱码 比较简单 req ...

  8. virtualbox 错误解决记录

    1,E_INVALIDARG (0x80070057),virtualbox中Cannot register the hard disk错误解决办法 virtualbox中加载已有的虚拟硬盘时出现Ca ...

  9. idea配置SOLServer错误解决记录

    1.错误信息:2019-03-26 13:32:41.205 ERROR 7828 --- [nio-8081-exec-1] c.alibaba.druid.filter.stat.StatFilt ...

随机推荐

  1. [转载]Matlab中fft与fftshift命令的小结与分析

    http://blog.sina.com.cn/s/blog_68f3a4510100qvp1.html 注:转载请注明出处——by author. 我们知道Fourier分析是信号处理里很重要的技术 ...

  2. bluestacks安装安卓引擎时出现2502 2503错误的解决办法

    2503代表工作站无法启动.2502代表下面的程序调用不支持的MS-DOS函数. 以管理员身份运行命令提示符在经典桌面使用快捷键Win+X,出现一个菜单,选择“命令提示符(管理员) ”即可以以管理员身 ...

  3. ContextLoaderListener和Spring MVC中的DispatcherServlet加载内容的区别

    一:ContextLoaderListener加载内容 二:DispatcherServlt加载内容 ContextLoaderListener和DispatcherServlet都会在Web容器启动 ...

  4. js文件代码未加载或者没有js效果

    问题:在页面中js文件中的代码未加载或者没有任何效果. 原因: 成功引用了js文件,但无效果或者提示未加载该文档中的代码. 可能页面引用js文件的路径存在问题 解决: 重新检查你引用的js文件的路径是 ...

  5. Wolf and Rabbit（gcd）

    Wolf and Rabbit Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)T ...

  6. 由PhysicalFileProvider构建的物理文件系统

    由PhysicalFileProvider构建的物理文件系统 ASP.NET Core应用中使用得最多的还是具体的物理文件,比如配置文件.View文件以及网页上的静态文件,物理文件系统的抽象通过Phy ...

  7. USB 传输协议

    Pipe USB的pipe的两端分别指的是USB host端的内存区域,和设备端的endpoint. pipe分为两类,一类是stream pipe, 另一类是message pipe. 两类的主要区 ...

  8. WPF 接收exe传的值

    原文:WPF 接收exe传的值 一,首先重载APP protected override void OnStartup(StartupEventArgs e)         {            ...

  9. Wikioi 1294 全排列

    先给出链接地址:Wikioi 1294 虽然题目很短,论难度也就是个深搜,算法方面我就不多说了,而且我知道c++有个函数叫next_permutation,谁用谁知道. 代码如下: #include& ...

  10. xml中，button改变背景颜色方法

    在画几个设置界面,用到了button控件,对于button空间的背景色在不同状态下的颜色改变方法,做了一下尝试,发现了两种背景颜色改变的方法,就总结了下. 方法一尝试了好多遍才好,要点在于,在sele ...