Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

marconde

Masked input n funciona após retorna dados do banco

Recommended Posts

Ola amigos, Tem uma pagina que faz cadastro e alguns campos estão com masked input. Ate ai esta tudo funcionando, agora em outra pagina (perfil) eu trago esses dados do banco para dentro do formulario mostrando os valores dentros dos inputs dessa forma: value="<?php print $dados['nascimento']; ?>". O problema é que quando o usuario for alterar o dado daquele determinado input eu tenho que validar novamente antes de fazer o update no banco. Sei que posso fazer isso com expressoes regulares, mas o masked input é bem pratico.

Não sei se é pelo fato do input ja esta preenchido com as informações do usuario cadastrado no banco que a mascara n é aplicada?

Abaixo tenho uma função para o campo nome que sofre o mesmo problema relatado acima.

<script type="text/javascript">
$(function(){
$("#xtel").mask("(99)9999-9999");
$("#xtel2").mask("(99)9999-9999");
}); 
</script>


<script type="text/javascript">
$(function(){
$("#xnomeCompleto").keyup(function() {
        var valor = $(this).val().replace(/[^a-z" "]+/gi,'');
        $(this).val(valor);
});
});
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites
<script type="text/javascript">
	/* Primeira coisa é encapsular o seu código dentro do jQuery para ser ativo apenas quando o mesmo estivar ready/pronto */
	$(document).ready(function() {
	
		//Esse bloco de código, vai ser ativo logo após o jquery estiver pronto
		$("#xtel").mask("(99)9999-9999");
		$("#xtel2").mask("(99)9999-9999");
		
		//Ai por exemplo tem uma data q vem do ajax....
		$.ajax({
			 url: 'telefone.php'
			,type:'GET'
			,dataType: 'json'
			,success: function(json){
			
				//voce popula a mesma...
				$("#xtel2").val(json.telefone);
				
				//E logo abaixo 'reativa' o plugin....
				$("#xtel2").mask("(99)9999-9999");
				
				
				
				
				return true;
			}
			,error: function(json){
				console.log(json);
			}
		});
	});
</script>

Resumindo.

É só chamar após a cada manipulação do DOM, o codigo:

$("#xtel2").mask("(99)9999-9999");

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.