Bom dia galera. Eu tenho um input onde neste é digitado um valor e conforme o tamanho deste recebe a mascara de CPF ou CNPJ. O problema que estou tendo é que, quando é digitado um CPF com o tamanho correto por exemplo, se o usuario aperta a tecla TAB, ENTER ou qualquer outra, a mascara muda para a de CNPJ mesmo não acrescentando nenhum numero, ou seja, ele está reconhecendo essas teclas como caracter válido e muda a mascara. Eu consegui tirar a funcionalidade da tecla tab, por exemplo, de não ir para a proxima linha, mas ele continua mudando a mascara do valor. Há alguma maneira de eu tirar todas essas teclas ou bloquear o uso destas no input e deixar apenas que os numeros interfiram na mascara ?
HTML:
<div class="col-xs-5 col-sm-5 col-md-5 col-lg-3 text-center select_height" id="div_cnpj_fornecedor">
<b id="cnpj_cpf">CNPJ:</b>
<input name="cnpj" minlength="12" maxlength="20" class="font-pop" id="cnpj" placeholder="00.000.000/0000-00" required>
</div>
jQuery:
$(document).ready(function () {
$("#cnpj").keydown(function () {
try {
$("#cnpj").unmask();
} catch (e) { }
var tamanho = $("#cnpj").val().length;
if (tamanho < 11) {
$("#cnpj").mask("999.999.999-99");
$("#cnpj_cpf").text("CPF:");
} else {
$("#cnpj").mask("99.999.999/9999-99");
$("#cnpj_cpf").text("CNPJ:");
}
// ajustando foco
var elem = this;
setTimeout(function () {
// mudo a posição do seletor
elem.selectionStart = elem.selectionEnd = 10000;
}, 0);
// reaplico o valor para mudar o foco
var currentValue = $(this).val();
$(this).val('');
$(this).val(currentValue);
});
})
Estou utilizando este plugin: https://plugins.jquery.com/mask/
Agradeço a qualquer ajudar fornecida.