Evento blur somente campo preenchido

gugu3699 · Agosto 25, 2014

Olá, será que alguem poderia me dar uma ajudinha.

Tenho este escript de busca ajax, ele funciona no evento blur, o problema que mesmo com o campo vazio, ou seja se o usuário por o foco e tirar para outra coisa ele busca. Queria que só buscasse alguma coisa se tivesse o valor completo no input.

	<script type="text/javascript">
					$(function() {  
				$.mask.definitions['!']='[.,-a9]';
				$("#cpf").mask("999.999.999-99", {completed:function(){$("#usuario").focus()}}).focus();
				$("#cadastrar").attr('disabled',true);
				$("#cpf").keyup(function(){
				var valor = $(this).val();
				if(valor != '' && valor != "___.___.___-__"){			
				}
				});
				});
	$(document).ready(function(){
		$("input[name='cpf']").blur(function(){
			var nome = $("input[name='nome']");
			var id = $("input[name='id']");
			$( nome ).val('Carregando...');
				$.getJSON(
					'function.php',
					{ cpf: $( this ).val() },
					function( json )
					{
						$( nome ).val( json.nome );
						$( id ).val( json.id );
						$("#cadastrar").attr('disabled',false);	
					}
				);
		});
	});
	</script>

Ronaldo Bueno · Agosto 25, 2014

Antes do

var nome = ....

var cpf = $(“input[name=‘cpf’]”);

If cpf == “”}

alert(“preencha o campo cpf”)

{

else}

Aqui o resto do codigo, tome cuidado com abertura e fechamento

$(nome).val .......

{

gugu3699 · Agosto 26, 2014

Não deu certo, o codigo não funcionou assim

Ronaldo Bueno · Agosto 26, 2014

Posta o codigo todo

gugu3699 · Agosto 26, 2014

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>:: CADASTRO USUÁRIOS ::</title>

$(function() {

$('.password').pstrength();

});

</script>

body{margin:0;padding:0;}

#resultado{

font-size:10px;

color: #0000

}

</style>

$(function() {

$.mask.definitions['!']='[.,-a9]';

$("#cpf").mask("999.999.999-99", {completed:function(){$("#usuario").focus()}}).focus();

$("#cadastrar").attr('disabled',true);

$("#cpf").keyup(function(){

var valor = $(this).val();

if(valor != '' && valor != "___.___.___-__"){

}

});

$(document).ready(function(){

$("input[name='cpf']").blur(function(){

var nome = $("input[name='nome']");

var id = $("input[name='id']");

$( nome ).val('Carregando...');

$.getJSON(

'function.php',

{ cpf: $( this ).val() },

function( json )

{

$( nome ).val( json.nome );

$( id ).val( json.id );

$("#cadastrar").attr('disabled',false);

}

);

});

</script>

//$(function() {

//$.mask.definitions['!']='[.,-a9]';

//$("#cpf").mask("999.999.999-99").focus();

//});

</script>

/*function add(){ // Função validar formulário.

validate('form_cad_func'); // Nome formulário.

if(validateState){ // (if) Se tudo ok continua....

jQuery(document).ready(function(){

jQuery('#form_cad_func').click(function(){

var dados = jQuery( this ).serialize();

jQuery.ajax({

type: "POST",

url: "cad_novo_usario.php",

data: dados,

success: function( data )

{

$('#validate_message').html(data);

location.reload();

alert( data );

//timer = window.setTimeout("location.reload()", 800); Tempo para Reload

$("#renavam").val([""]);

}

});

return false;

});

}} */

</script>

$(function(){ // declaro o início do jquery

$("input[name='usuario']").keyup( function(){ // Troquei blur por keyup, a medida que o usuário digita

var usuario = $("input[name='usuario']").val();

//alert(usuario);

$.post('ver_usu_cad.php',{usuario: usuario},function(data){

$('#resultado').html(data);//onde vou escrever o resultado, vai na div embaixo input

if( data!='Login disponivel' ){ //função para reonhecer o resultado e apagar imput

//$("input[name='usuario']").val('');//apagando o input se o registro existir

$("#cadastrar").attr('disabled',true);// Desabilitar cadastro de usuario existir

}else{

$("#cadastrar").attr('disabled',false); // Habilitando cadastro de usuario existir

}

});

});// fim do jquery

</script>

</head>

<body>

<ul id="menu"><li><a href="../sistema.php">INÍIO</a></li><li><a href="javascript:;">OPÇÕES</a><ul><li style=""><a href="">NOVO</a></li></ul></li><li><a href="../index.php">VOLTAR</a></li></ul></div>

</div>

<div>

<thead>

<tr>

CADASTRO - USUÁRIOS </td>

</tr>

</thead>

<tbody>

<tr>

</td>

</td>

</td>

</td>

</td>

</td>

</tr>

<tr>

<span>Usuário:</span>

</td>

<!-- Podia fazer assim também:

-->

</td>

<span>Email:</span>

</td>

</td>

</tr>

<tr>

<span>Senha Usuário:</span>

</td>

</td>

<span>Confirme senha:</span>

</td>

</td>

</tr>

</tbody>

<tfoot>

<tr>

</td>

</tr>

</tfoot>

</table>

</div>

</form>

<div>

</div>

</body>

</html>

Ronaldo Bueno · Agosto 26, 2014

Cade a parte que falei dentro do código?

Depois de alterar poste só essa parte js

gugu3699 · Agosto 26, 2014

Cade a parte que falei dentro do código?

Depois de alterar poste só essa parte js

Da uma olhada ai.

    <script type="text/javascript">
                    $(function() {
                $.mask.definitions['!']='[.,-a9]';
                $("#cpf").mask("999.999.999-99", {completed:function(){$("#usuario").focus()}}).focus();
                $("#cadastrar").attr('disabled',true);
                $("#cpf").keyup(function(){
                var valor = $(this).val();
                if(valor != '' && valor != "___.___.___-__"){            
                }
                });
                });
    $(document).ready(function(){
        $("input[name='cpf']").blur(function(){

            var cpf = $("input[name='cpf']");

		if cpf == ""}
		alert("preencha o campo cpf");

		}else{

            var nome = $("input[name='nome']");
            var id = $("input[name='id']");
            $( nome ).val('Carregando...');
                $.getJSON(
                    'function.php',
                    { cpf: $( this ).val() },
                    function( json )
                    {
                        $( nome ).val( json.nome );
                        $( id ).val( json.id );
                        $("#cadastrar").attr('disabled',false);    
                    }
                );
        });
    });
    </script>

Ronaldo Bueno · Agosto 26, 2014

Esta faltando o .val igual no nome

Marlon Pacheco · Agosto 26, 2014

Buenas tchê.

Não seria algo assim?

$("input[name='cpf']").blur(function(){
  if($(this).length >= 11) {
            var nome = $("input[name='nome']");
            var id = $("input[name='id']");
            $( nome ).val('Carregando...');
                $.getJSON(
                    'function.php',
                    { cpf: $( this ).val() },
                    function( json )
                    {
                        $( nome ).val( json.nome );
                        $( id ).val( json.id );
                        $("#cadastrar").attr('disabled',false);    
                    }
                );
        });

gugu3699 · Agosto 27, 2014

Assim tbm não funcionou, não retornou valor nenhum pelo ajax, parece que afetou funcionamento :(

Ronaldo Bueno · Agosto 27, 2014

Troque essa linha

var cpf = $("input[name=cpf]");

Por

var cpf = $("input[name=cpf]").val();

E veja se mostra o alerta

Você também pode fazer isso com o id do campo

var cpf = $('#cpf').val();

Arquivado

Evento blur somente campo preenchido

Recommended Posts

gugu3699 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ronaldo Bueno 23

Compartilhar este post

Link para o post

Compartilhar em outros sites

gugu3699 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ronaldo Bueno 23

Compartilhar este post

Link para o post

Compartilhar em outros sites

gugu3699 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ronaldo Bueno 23

Compartilhar este post

Link para o post

Compartilhar em outros sites

gugu3699 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ronaldo Bueno 23

Compartilhar este post

Link para o post

Compartilhar em outros sites

Marlon Pacheco 132

Compartilhar este post

Link para o post

Compartilhar em outros sites

gugu3699 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ronaldo Bueno 23

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante