Hola muy buenas tardes, me gustaria comentarles un problema que tengo con jquery validate. Para validadar un formulario simple con un input con id name, al pinchar el ".boton" me muestra un el div "#loading_div". Si no hay error de validación envia el formulario pero si hay error muestra el error en un label #nameerror.
Mi problema viene que cuando hay error quiero ocultar "#loading_div" y si no relleno el input y sigo haciendo click en ".boton" siga sin mostrarse. El problema es que no consigo que el "#loading_div" se oculte su hay un error. Cuando tengo un error de validación se muestra "#loading_div" y #nameerror.
Viene a ser que el $("#loading_div").css("display", "hide"); que esta en el código de abajo no funcina.
Código Javascript
:
Ver original<script type="text/javascript">
$( document ).ready(function() {
$(".boton").on('click',function() {
$("#guardar").attr("action", "archivo.php");
$("#guardar").submit();
$("#loading_div").css("display", "BLOCK");
});
});
</script>
<script>
$('form').validate({
rules: {
name: {
required: true,
},
},
messages: {
name: {
required: "Campo Requerido",
},
},
errorPlacement: function(error, element) {
if(element.attr('name') == 'name'){
$('#nameerror').html(error);
$("#loading_div").css("display", "hide");
}
}
});
</script>