JQuery Alterar css elemento com jquery

[Fertiin]

Quero que o campo "#nome" fique com borda vermelha se estiver vazio quando o botão submit "#cadastrar" for clicado.

Segue o meu código, não obtive sucesso:

<script>   
          $('#cadastrar').click(if ($('#nome').is(':empty')){
              $('#nome').css("border","1px solid red");
        })
</script>

 

Grato.

[DiF]

@Fertiin Olá.  seja primeiramente bem vindo em nosso Clube do Hardware.

 

Basicamente, você está usando um psudo-elemento que não serve para testar um campo vazio.

 

Faria desta forma:  http://jsfiddle.net/dife/7jkxen2m/12/

$("#cadastrar").on("click", function(){
   
   if( $('#nome').val().length === 0 ) {
         $("#nome").addClass("borda");
    }else{
       alert($("#nome").val());
    }
});

Desconsidera o bloco de ELSE. Só coloquei para exemplo mesmo.

Vai ser um problema se você tiver vários campos.. não é legal fazer um if para cada um... Nesse caso teria que generalizar usando o $(this)  quando perde o foco.