Skip to main content
Relanzada por el usuario Comunidad
se añadieron 165 caracteres en el cuerpo
Origen Enlace

Lo que pasa es que estoy trabajando con ventanas modales que contienen los formularios html, y quiero validar la información en la vista django, lo que quiero saberhacer es porqueque si la información esta mal en vez de retornar a la ventana modal se retorna a una nueva pagina con el formulario y los erroresmensaje se activa , como puedo hacer para que me muestre la ventanael JS lo tomo y entonces vuelva abrir el modal con el formulario y lo erroresel error, solo es eso.

Pero no se como hacerlo.

<div class="modal-header">
    <button type="reset" data-dismiss="modal" class="cerrarmodal">
        <i class="fa fa-close"> </i>
    </button>
    <h4> <span><i class="fa fa-plus"></i></span>Ingresar caja</h4>
</div>
<div class="modal-body">
    <div class="container-fluid">
        <form class="formatolinea" method="post" action="{% url 'empaqueingreso' %}">
            {% csrf_token %}
            <label>Variedad</label>
            <select name="variedad">
                <option></option>
                <option>Freedom</option>
                <option>Vendela</option>
            </select>
            <label>Grado</label>
            <select name="grado">
                <option></option>
                <option value="40">40</option>
                <option value="50">50</option>
                <option value="60">60</option>
                <option value="70">70</option>
            </select>
            <label>Tipo de empaque</label>
            <select name="empaque">
                <option></option>
                <option>Tabaco</option>
                <option>Full</option>
                <option>Cuarto</option>
                <option>Tercio</option>
                <option>Octavos</option>
            </select>
            <label>Cantidad de ramos</label>
            <input type="number" name="ramos">
            <label>Unidades por ramo</label>
            <select name="unidades">
                <option></option>
                <option>20</option>
                <option>25</option>
                <option>Otro</option>
            </select>
            <label>Comercializadora</label>
            <select name="comercializadora">
                <option></option>
                <option>QU</option>
                <option>GO</option>
                <option>FX</option>
                <option>BG</option>
            </select>
            <label>Numero de celda</label>
            <input type="number" name="celda">
            <div class="alert alert-danger">{{mensaje}}</div>
            <br>
            <button class="guardar" type="submit"> <i class="fa fa-save"></i> Guardar</button>
            <button class="cancelar" type="reset" data-dismiss="modal"> <i class="fa fa-close"></i> Cancelar</button>
        </form>
    </div>
    <!-- /.containerfluid -->
</div>

Funcion JS:

function iempaque() {
    if (document.iempaque.mensaje.value == 'La celda ya esta ocupada') {
        alert("Debe seleccionar una nueva celda")
        document.iempaque.mensaje.focus()
        return false;
    }

    alert("La informacion se ha almacenado con exito");
    document.nclasificacion.submit();

}

Lo que pasa es que estoy trabajando con ventanas modales que contienen los formularios html, y quiero validar la información en la vista django, lo que quiero saber es porque si la información esta mal en vez de retornar a la ventana modal se retorna a una nueva pagina con el formulario y los errores, como puedo hacer para que me muestre la ventana modal con el formulario y lo errores.

<div class="modal-header">
    <button type="reset" data-dismiss="modal" class="cerrarmodal">
        <i class="fa fa-close"> </i>
    </button>
    <h4> <span><i class="fa fa-plus"></i></span>Ingresar caja</h4>
</div>
<div class="modal-body">
    <div class="container-fluid">
        <form class="formatolinea" method="post" action="{% url 'empaqueingreso' %}">
            {% csrf_token %}
            <label>Variedad</label>
            <select name="variedad">
                <option></option>
                <option>Freedom</option>
                <option>Vendela</option>
            </select>
            <label>Grado</label>
            <select name="grado">
                <option></option>
                <option value="40">40</option>
                <option value="50">50</option>
                <option value="60">60</option>
                <option value="70">70</option>
            </select>
            <label>Tipo de empaque</label>
            <select name="empaque">
                <option></option>
                <option>Tabaco</option>
                <option>Full</option>
                <option>Cuarto</option>
                <option>Tercio</option>
                <option>Octavos</option>
            </select>
            <label>Cantidad de ramos</label>
            <input type="number" name="ramos">
            <label>Unidades por ramo</label>
            <select name="unidades">
                <option></option>
                <option>20</option>
                <option>25</option>
                <option>Otro</option>
            </select>
            <label>Comercializadora</label>
            <select name="comercializadora">
                <option></option>
                <option>QU</option>
                <option>GO</option>
                <option>FX</option>
                <option>BG</option>
            </select>
            <label>Numero de celda</label>
            <input type="number" name="celda">
            <div class="alert alert-danger">{{mensaje}}</div>
            <br>
            <button class="guardar" type="submit"> <i class="fa fa-save"></i> Guardar</button>
            <button class="cancelar" type="reset" data-dismiss="modal"> <i class="fa fa-close"></i> Cancelar</button>
        </form>
    </div>
    <!-- /.containerfluid -->
</div>

Lo que quiero hacer es que si el mensaje se activa , el JS lo tomo y entonces vuelva abrir el modal con el formulario y el error, solo es eso.

Pero no se como hacerlo.

<div class="modal-header">
    <button type="reset" data-dismiss="modal" class="cerrarmodal">
        <i class="fa fa-close"> </i>
    </button>
    <h4> <span><i class="fa fa-plus"></i></span>Ingresar caja</h4>
</div>
<div class="modal-body">
    <div class="container-fluid">
        <form class="formatolinea" method="post" action="{% url 'empaqueingreso' %}">
            {% csrf_token %}
            <label>Variedad</label>
            <select name="variedad">
                <option></option>
                <option>Freedom</option>
                <option>Vendela</option>
            </select>
            <label>Grado</label>
            <select name="grado">
                <option></option>
                <option value="40">40</option>
                <option value="50">50</option>
                <option value="60">60</option>
                <option value="70">70</option>
            </select>
            <label>Tipo de empaque</label>
            <select name="empaque">
                <option></option>
                <option>Tabaco</option>
                <option>Full</option>
                <option>Cuarto</option>
                <option>Tercio</option>
                <option>Octavos</option>
            </select>
            <label>Cantidad de ramos</label>
            <input type="number" name="ramos">
            <label>Unidades por ramo</label>
            <select name="unidades">
                <option></option>
                <option>20</option>
                <option>25</option>
                <option>Otro</option>
            </select>
            <label>Comercializadora</label>
            <select name="comercializadora">
                <option></option>
                <option>QU</option>
                <option>GO</option>
                <option>FX</option>
                <option>BG</option>
            </select>
            <label>Numero de celda</label>
            <input type="number" name="celda">
            <div class="alert alert-danger">{{mensaje}}</div>
            <br>
            <button class="guardar" type="submit"> <i class="fa fa-save"></i> Guardar</button>
            <button class="cancelar" type="reset" data-dismiss="modal"> <i class="fa fa-close"></i> Cancelar</button>
        </form>
    </div>
    <!-- /.containerfluid -->
</div>

Funcion JS:

function iempaque() {
    if (document.iempaque.mensaje.value == 'La celda ya esta ocupada') {
        alert("Debe seleccionar una nueva celda")
        document.iempaque.mensaje.focus()
        return false;
    }

    alert("La informacion se ha almacenado con exito");
    document.nclasificacion.submit();

}
Origen Enlace

Como hacer para recargar ventanas modales en Django?

Lo que pasa es que estoy trabajando con ventanas modales que contienen los formularios html, y quiero validar la información en la vista django, lo que quiero saber es porque si la información esta mal en vez de retornar a la ventana modal se retorna a una nueva pagina con el formulario y los errores, como puedo hacer para que me muestre la ventana modal con el formulario y lo errores.

Esta es la vista:

def inventarioingresoe(request):
    #Codigo para calcular fecha actual
    fecha = strftime("%Y-%m-%d")
    #Codigo para calcular hora actual
    hora = strftime("%H:%M:%S")
    if request.method == "POST":
        variedad = request.POST["variedad"]
        empaque = request.POST["empaque"]
        grado = request.POST["grado"]
        comercializadora = request.POST["comercializadora"]
        ramos = request.POST["ramos"]
        unidades = request.POST["unidades"]
        celda = request.POST["celda"]

        if Empaque.objects.filter(celda=celda):
            mensaje = 'La celda ya esta ocupada'
            return render(request,"inventario/empaque/ingresoe.html", {'mensaje' : mensaje})
        else:
            nuevoingreso = Empaque.objects.create( fecha = fecha,
                                                   hora = hora,
                                                   variedad = variedad,
                                                   empaque = empaque,
                                                   grado = grado,
                                                   comercializadora = comercializadora,
                                                   ramos = ramos,
                                                   unidades = unidades,
                                                   celda = celda)
            return redirect('empaque')

    return render(request,"inventario/empaque/ingresoe.html", {})

Esta es la url:

url(r'^inventario/ingreso/$', SGregorio_views.inventarioingresoe, name='empaqueingreso'),

Este el codigo html que llama la url:

<div class="fondosaempleados">
    <div class="container submenutercer">
        <ul class="nav-justified">
            <li>
                <a href="{% url 'empaqueingreso' %}" data-toggle="modal" data-target="#ingresoempaque"> <span><img src='{% static "img/nuevarecepcion.png" %}' alt="" class="img-responsive" title=""></span>
                    <p>NUEVO INGRESO</p>
                </a>
            </li>

Este es el codigo de la ventana modal y el formulario:

<div class="modal-header">
    <button type="reset" data-dismiss="modal" class="cerrarmodal">
        <i class="fa fa-close"> </i>
    </button>
    <h4> <span><i class="fa fa-plus"></i></span>Ingresar caja</h4>
</div>
<div class="modal-body">
    <div class="container-fluid">
        <form class="formatolinea" method="post" action="{% url 'empaqueingreso' %}">
            {% csrf_token %}
            <label>Variedad</label>
            <select name="variedad">
                <option></option>
                <option>Freedom</option>
                <option>Vendela</option>
            </select>
            <label>Grado</label>
            <select name="grado">
                <option></option>
                <option value="40">40</option>
                <option value="50">50</option>
                <option value="60">60</option>
                <option value="70">70</option>
            </select>
            <label>Tipo de empaque</label>
            <select name="empaque">
                <option></option>
                <option>Tabaco</option>
                <option>Full</option>
                <option>Cuarto</option>
                <option>Tercio</option>
                <option>Octavos</option>
            </select>
            <label>Cantidad de ramos</label>
            <input type="number" name="ramos">
            <label>Unidades por ramo</label>
            <select name="unidades">
                <option></option>
                <option>20</option>
                <option>25</option>
                <option>Otro</option>
            </select>
            <label>Comercializadora</label>
            <select name="comercializadora">
                <option></option>
                <option>QU</option>
                <option>GO</option>
                <option>FX</option>
                <option>BG</option>
            </select>
            <label>Numero de celda</label>
            <input type="number" name="celda">
            <div class="alert alert-danger">{{mensaje}}</div>
            <br>
            <button class="guardar" type="submit"> <i class="fa fa-save"></i> Guardar</button>
            <button class="cancelar" type="reset" data-dismiss="modal"> <i class="fa fa-close"></i> Cancelar</button>
        </form>
    </div>
    <!-- /.containerfluid -->
</div>