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.
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>
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();
}