javascript - 提交时隐藏表单 - Django 1.6

Question

我的 Django 1.6 项目中有此表单:

<form action="/proyecto/" method="POST" id="myform">
                {% csrf_token %}
                <table>
                    <span class="Separador_Modulo"></span>
                        <span class="Sub-Titulo-Aplicacion">SiatPre</span>  
                  <tr>
                    <td >Usuario: {{user}}</td>
                  </tr>
                  <tr><td>
                    <span class="Sub-Titulo-Aplicacion">Tipo de Proyecto: </span>
                    <input class="check-style" type="checkbox" name="curva" value="checkbox" >Petroleo</input>
                  </td></tr>
                  <tr><td>
                    <input class="check-style" type="checkbox" name="curva" value="checkbox" >Gas</input>
                  </td></tr>
                  <tr><td>
                    <span class="Sub-Titulo-Aplicacion">Proyecto: </span>
                    <input class="check-style" type="checkbox" name="tipo" value="checkbox" >Nuevo</input>
                  </td></tr>
                  <tr><td>
                    <input class="check-style" type="checkbox" name="tipo" value="checkbox" >Existente</input>
                  </td></tr>
                  <tr><td>
                    <div class="Contenedor-Elemento-Formulario">
                                <span class="Sub-Titulo-Formulario"> Nombre Proyecto:</span>
                                <input type="text" class="input-style"  name="nombre_proyecto" style="width:96px;"/>
                            </div>
                   </td> </tr>
                   <td><div >
                                <div class="Principio-Boton"> </div>
                                <input name="Aceptar" class="Boton" type="submit"  value="Aceptar" onclick="myclick()"/>
                                <div class="Final-Boton"></div>
                                <div class="Principio-Boton"> </div>
                                <input name="Cancelar" class="Boton" type="submit"  value="Cancelar" />
                                <div class="Final-Boton"> </div>
                            </div></td>
                  </tr>

                </table>
        <table style="margin-bottom:45px; padding:15px 15px 15px 15px;">
            <div>&nbsp;</div>
            <div>&nbsp;</div>
            <tr>
            <td colspan="4" align="center"> 
            <div class="Principio-Boton"> </div>
            <a href="scppp/datos1.html"><input name="Datos" class="Boton" type="submit" value="Datos"/></a>
            <div class="Final-Boton"></div></td></tr>


            <tr>
            <td colspan="4" align="center"> 
            <div class="Principio-Boton"> </div>
            <a href="scppp/libreriaPrePro1.html"><input name="Procesamiento" class="Boton" type="submit" value="Procesamiento"/></a>
            <div class="Final-Boton"></div></td></tr>

            <tr>
            <td colspan="4" align="center"> 
            <div class="Principio-Boton"> </div>
            <a href="scppp/reporte1.html"><input name="Reporte" class="Boton" type="submit" value="Reporte"/></a>
            <div class="Final-Boton"></div></td></tr>

        </table>
        </form>

这段代码位于我的base.html文件中，但是，这个表单显然是通过 block 内容标记在其他模板上继承的。

当用户单击 <input name="Aceptar" class="Boton" type="submit" value="Aceptar" onclick="myclick()"/> 时，我需要从其他页面中专门隐藏此表单没有onclick我之前在这个 html 上声明的函数，该函数如下所示:

<script>function myclick() {$('#myform').hide().fadeOut(2000); }

</script>

然后<form action="/proyecto/" method="POST" id="myform">我通过使用 id (id="myform") 引用该函数，但是，当我单击 Aceptar 时，它会隐藏一秒钟左右，然后当它加载新模板时，通过向服务器发出 POST 请求，我仍然无论如何，请参阅此表格。

这是实现我正在寻找的目标的正确方法吗？或者可能与对服务器的 POST 请求有关？

有什么想法吗？

提前致谢!

Answer 1

当你需要显示表单时，你必须从views.py中传递一个变量a = True，并在模板中执行if条件，

{% if a %}
<form action="/proyecto/" method="POST" id="myform">
................
</form>
{% endif %}