php+jQuery usando o select

[Pacificosc 1]

Olá!

Meu dilema agora é o seguinte:

Tenho um select com os seguintes campos: pessoa física e pessoa jurídica

 

Como faço ao selecionar pessoa física ou jurídica, o campo input text alterar a máscara para a seleção correspondente?

 

 

[Rafael R Silva 27]

Primeiro você esta no lugar errado isso seria Javascript.

 

 

Agora para fazer isso utilize a função onchange, no caso como você esta utilizando o jquery seria assim

 

$("#id_select").change(function(){

// Aqui você trabalha o valor que foi alterado

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

if(tipo == 'pessoa_fisica'){

// Aplica mascara pessoa fisica

 

}else{

// Aplica mascara pessoa juridica

}

});

 

Basicamente é isso =)

[Pacificosc 1]

Valeu Rafael!

Consegui resolver. Posso colocar aqui como foi feito ou tenho que ser transferido para o JavaScript?

[Pacificosc 1]

Só para não fechar o tópico, eu tenho uma pergunta: Porque quando digito o CPF o sistema dá o seguinte alert:

 

ERRO:
Não foi informado o CPF ou CNPJ.
Preencha os campos abaixo:

 

Quando digito o CNPJ ele grava no sistema.

As máscaras mudam quando eu seleciono o input radio.

 

<script>
$(document).ready(function(){
$("#date").mask("99/99/9999");
$("#celular").mask("(99) 99999-9999");
$("#tin").mask("99-9999999");
$("#ssn").mask("999-99-9999");
$("#cnpj").mask("99.999.999/9999-99");

$(".selecao").click(function(){
var Campo= $(this).val();
var inserirCampo= '<input type="text" id="'+Campo+'" name= "'+Campo+'">';
$("#localCampo").html(inserirCampo);
$("#cnpj").mask("99.999.999/9999-99");
$("#cpf").mask("999.999.999-99");

})

});

</script>

 

PHP

<div class="form-group">
<label class="col-md-4 control-label">CPF/CNPJ</label>
<div id="localCampo">
<input type="text" class="name" id="cnpj" name="cnpj" placeholder="Informe o CPF ou CNPJ">
</div>
</div>

[kikombat 16]

por que não verifica se o campo é cpf ou cnpj de acordo com a quantidade de caracteres de cada tipo,

pode fazer assim:

  $('.cpf_cnpj').focusout(function () {
        var cpfcnpj, element;
        element = $(this);
        element.unmask();
        cpfcnpj = element.val().replace(/\D/g, '');
        if (cpfcnpj.length > 11) {
            element.mask("99.999.999/999?9-99");
        } else {
            element.mask("999.999.999-99?9-99");
        }
    }).trigger('focusout');

[Pacificosc 1]

Já resolvido Kikombat! Mesmo assim, valeu pela força!

[Pacificosc 1]

<script>
$(document).ready(function(){
$("#date").mask("99/99/9999");
$("#celular").mask("(99) 99999-9999");
$("#tin").mask("99-9999999");
$("#cep").mask("99999-999");
$("#ssn").mask("999-99-9999");
$("#cnpj").mask("99.999.999/9999-99");

$(".documento").click(function(){
var Campo= $(this).val();
var inserirCampo= '<input type="text" id="'+Campo+'" name= "'+Campo+'">';
$("#localCampo").html(inserirCampo);
$("#cnpj").mask("99.999.999/9999-99");
$("#cpf").mask("999.999.999-99");

})

});
$(document).ready(function() {
$("#enable").click(function (){
// habilita o campo
$("input").prop("disabled", false);

});

$("#disable").click(function (){
// desabilita o campo
$("input").prop("disabled", true);

});
});
</script>