Zerar resultado após receber o objeto sem dar refresh

[paladino_php 2]

O código que estou precisando de auxílio é esse:

 

<script type="text/javascript">
	//Formulário de cadastro
	$(function(){
		$("#salvarCad").click(function(e){
			e.preventDefault();
			dataString = $("#formCadUser").serialize();
			//alert(dataString);
			// Valida os campos
			$.ajax({
				type     : 'post',
				url      : 'modulos/valiCad.php',
				data     : dataString,
				dataType : 'json',
				success  : function(resposta){
					if(resposta.erro){
						$.each(resposta, function(){
							//alert(resposta.erro);
							if(resposta.erro == "Preencha o campo nome") {
								$("#nome").focus().css('border','1px solid #B20000');

								//var resposta = '';
								//exit();

							} 
							$("#nome").change(function(){
								$("#nome").onblur().css('border','1px solid #ccc');
							});


						});
					}else if(resposta.sucesso){
						$.each(resposta, function(){
							alert(resposta.sucesso);
							window.location.href='http://localhost/index.php?pagina=clientes';
						});
					}
				}				
			});			
		});		
	});

 

A idéia é tirar a borda do elemento setado quando ele perder o foco e o erro não existir mais. O que não acontece, a não ser que de um f5 na página, o que não é o ideal. Quem puder contribuir fico grato.

[William Bruno 1501]

$("#nome").change(function(){
       $("#nome").onblur().css('border','1px solid #ccc');
});

isso ai tá no lugar errado amigo.

 

coloque fora do success.. e faça apenas assim:

 

$("#nome").blur(function(){
       $(this).css('border','1px solid #ccc');
});

ou seja, no blur deste campo, ele ganha uma borda cinza.

[paladino_php 2]

Its work! :thumbsup:

 

A necessidade me fez mudar... mas agira estou noutro problema hehe

 

Me ajudem a juntar essas funções

<script type="text/javascript">
	// Valida os campos do formulário de cadastro
	$(function () { 
		$(":input").live("blur", function(){ 
			if ($(this).val() == "") { 
				$(this).focus().addClass('bordaDest');
			} else {
				$(this).focus().removeClass('bordaDest');
			}
		}); 
	});	

	//Formulário de cadastro
	$(function(){
		$("#salvarCad").click(function(e){
			e.preventDefault();
			dataString = $("#formCadUser").serialize();		
			$.ajax({
				type     : 'post',
				url      : 'modulos/valiCad.php',
				data     : dataString,
				dataType : 'json',
				success  : function(resposta){
					if(resposta.erro){
						$.each(resposta, function(){

						});
					}else if(resposta.sucesso){
						$.each(resposta, function(){
							alert(resposta.sucesso);
							window.location.href='http://localhost/Geron/index.php?pagina=clientes';
						});
					}
				}// End success	
			});			
		});		
	});

 

preciso validar tanto antes de clicar no botão, quanto depois de clicar no botão. Mas ficaria mais util se as fizesse numa só função. Está dando erro quando valido pelo retorno do php, a primeira função para de funcionar, dai nenhuma das duas funciona =S

 

Olha só que estranho. De ontem pra hoje o json do php só retorna respota como null. Deêm uma olhada na imagem que postei. Se não existir errors ele executa o script, mas quando existe algum ele simplesmente fica nulo.