Combobox e Mask (Mascara)

febaisi · Novembro 10, 2010

Tenho um campo na minha aplicacação que serve tanto para CPF quanto para CNPJ, porem a mascara é diferente para cada um, isso vai depender de um valor do combobox..

alguém tem alguma noção de como resolver isso ?

Estou usando jQuery para as demais mascara .. como CEP.

<script type="text/javascript">
$(document).ready(function(){
    $(function(){
        $.mask.addPlaceholder("~","[+-]");
        $("#telefone").mask("(99) 9999-9999");

        $("#_PCLCEP").mask("99999-999");
    
        
            $("#data").mask("99/99/9999");
        $("#cpf").mask("999.999.999-99");
        $("#cnpj").mask("99.999.999/9999-99");
    });
});

</script>

não consegui adicionar os codigos no lugar certo :S .

.Andreia. · Novembro 14, 2010

tenho duas sugestoes:

- um combo antes para que o usuario selecione qual o tipo de informação que ele vai digitar

- usar função de CPF quando o length do campo for maior = 11 e função de CNPJ quando length for = 14

febaisi · Novembro 14, 2010

tenho duas sugestoes:
- um combo antes para que o usuario selecione qual o tipo de informação que ele vai digitar
- usar função de CPF quando o length do campo for maior = 11 e função de CNPJ quando length for = 14

então Andreia, eu coloquei esse combo, mas não sei como mudar a mascara de acordo com o que eu escolhi no combo.. entendeu? rs

.Andreia. · Novembro 15, 2010

um exemplo:

<script>
function aplicaMascara(opcao) {
  if (opcao == "1")
    document.getElementById("campo").setAttribute("onclick","mascaraCPF()");
  if (opcao == "2")
    document.getElementById("campo").setAttribute("onclick","mascaraCNPJ()");
}

function mascaraCPF() {
  //mascara e validação CPF
}

function mascaraCNPJ() {
  //mascara e validação CNPJ
}
</script>

<select name="tipo" id="tipo" onchange="aplicaMascara(this.value)">
<option value="">--selecione--</option>
<option value="1">CPF</option>
<option value="2">CNPJ</option>
</select>
<input type="text" name="campo" id="campo">

febaisi · Novembro 18, 2010

um exemplo:

&lt;script>
function aplicaMascara(opcao) {
  if (opcao == "1")
    document.getElementById("campo").setAttribute("onclick","mascaraCPF()");
  if (opcao == "2")
    document.getElementById("campo").setAttribute("onclick","mascaraCNPJ()");
}

function mascaraCPF() {
  //mascara e validação CPF
}

function mascaraCNPJ() {
  //mascara e validação CNPJ
}
</script>

<select name="tipo" id="tipo" onchange="aplicaMascara(this.value)">
<option value="">--selecione--</option>
<option value="1">CPF</option>
<option value="2">CNPJ</option>
</select>
<input type="text" name="campo" id="campo">

Andrei, você é um anjo que caiu do ceu! haahaha Muito obrigado .. ta funcionando certinho agora .. Ta dando um problminha só se mudar 2 vezes .. por exemplo .. escolher cpf digitar algo e dpois querer trocar para cnpj .. dai da problema.. mas não tem problema.. se a pagina for carregada e o usuario escolher o combo certo funciona. meu codigo ficou assim..

<html>
<body>


<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="maskedinput-1.1.2.pack.js"></script>

<script>
function aplicaMascara(opcao) {
  if (opcao == "1")
    document.getElementById("campo").setAttribute("onclick","mascaraCPF()");
  if (opcao == "2")
    document.getElementById("campo").setAttribute("onclick","mascaraCNPJ()");
}

function mascaraCPF() {
 $(document).ready(function(){
    $(function(){
        $.mask.addPlaceholder("~","[+-]");
        $("#telefone").mask("(99) 9999-9999");
        $("#campo").mask("999.999.999-99");
        $("#data").mask("99/99/9999");
        $("#cpf").mask("999.999.999-99");
        $("#cnpj").mask("99.999.999/9999-99");
    });
});
}

function mascaraCNPJ() {
 $(document).ready(function(){
    $(function(){
        $.mask.addPlaceholder("~","[+-]");
        $("#telefone").mask("(99) 9999-9999");
        $("#campo").mask("99.999.999/9999-99");
        $("#data").mask("99/99/9999");
        $("#cpf").mask("999.999.999-99");
        $("#cnpj").mask("99.999.999/9999-99");
    });
});
}
</script>

<select name="tipo" id="tipo" onchange="aplicaMascara(this.value)">
<option value="">--selecione--</option>
<option value="1">CPF</option>
<option value="2">CNPJ</option>
</select>


<input type="text" name="campo" id="campo">

</body>
</html>

alias.. porque só funciona quando eu clico no INPUT se eu pular direto do combo pro INPUT ele não vai .. :S

Entrar

Combobox e Mask (Mascara)

Pergunta

febaisi

Link para o comentário

Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

.Andreia.

Link para o comentário

Compartilhar em outros sites

febaisi

Link para o comentário

Compartilhar em outros sites

.Andreia.

Link para o comentário

Compartilhar em outros sites

febaisi

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades