Problema con jquery validate

[luisalberti]

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:

<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>
 

[marlanga]

En css, el display no tiene ningún valor válido llamado hide.

[luisalberti]

Hola, disculpame fallo mio es none al ponerlo en el post en el script tengo none icluso e puesto hide() y tampoco funiona.

Un saludo y gracias por tu respuesta.

[luisalberti]

Estaba pensando solo mostrar la precar si no hay ningún error, no colocalo en el boton.

Alguna idea ¿?

Muchas gracias

[luisalberti]

Hola lo solucioné con:

Código Javascript:

submitHandler: function (form) {
           $("#loading_div").css("display", "Block");
           form.submit();
        }