提交时隐藏表单 - Django 1.6

时间:2014-11-04 04:27:29

标签: javascript jquery html django

我在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文件中,但是,此表单显然是通过块内容标记在其他模板上继承的。

当用户点击<input name="Aceptar" class="Boton" type="submit" value="Aceptar" onclick="myclick()"/>时,我需要在其他页面中专门隐藏此表单而不是我之前在此html上声明的onclick函数,函数是这样的:

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

</script>

<form action="/proyecto/" method="POST" id="myform">上我通过使用id(id =“myform”)来引用该函数,但是,当我点击Aceptar时,它会隐藏一秒左右,然后当它加载一个新的时候模板,通过POST请求到服务器,我仍然看到这个表单,无论如何。

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

有什么想法吗?

提前致谢!

1 个答案:

答案 0 :(得分:1)

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

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