Mostrando postagens com marcador máscara. Mostrar todas as postagens
Mostrando postagens com marcador máscara. Mostrar todas as postagens

ACRESCENTAR AUTOMATICAMENTE COM JAVASCRIPT ZERO A ESQUERDA DO VALOR DIGITADO NO CAMPO

Em um formulário, tenho um campo numérico onde só posso escrever até 3 números, sendo que se escrever somente um número, o campo automaticamente é preenchido com mais dois zeros a esquerda do valor digitado ou dependendo da quantidade de números digitados é acrescentado mais ou menos zeros a esquerda.

Veja o Exemplo de como implementar a função em seu código:

HTML
<input maxlength="3" type="text" onblur='zeroEsquerda(this,3)'>
/// Após digitar neste campo e clicar fora ou passar pra outro campo,  a função zeroEsquerda(this,3) é chamada e passa o objeto do campo e até quantos zeros poderão ser acrescentados a esquerda do número digitado, que nesse caso foi o "3".

FUNÇÃO JAVASCRIPT
function zeroEsquerda(objetoElemento, qtdZero){ qtdZero = qtdZero ? qtdZero : 0; ///se não informar qtdZero então não coloca zero a esquerda var zero = '' for(var i=1; i<=qtdZero; i++){zero += '0'} return objetoElemento.value = (zero + objetoElemento.value).slice(-qtdZero); }

Se este código foi útil ou tem alguma dúvida não esqueça de deixar seu comentário.

MÁSCARA PARA CPF, CNPJ, CEP, TELEFONE, DATA, MOEDA, INTEIRO, FLOAT OU CPF/CNPJ NO MESMO CAMPO COM JAVASCRIPT E EXPRESSÃO REGULAR

No campo do formulário HTML que deseja mascará ficará assim:
<input type="text" onKeyPress="MascaraGenerica(this, 'CPF');" >Caso queira a máscara do CPF, CNPJ, CEP, TELEFONE, DATA, MOEDA, INTEIRO ou CPFCNPJ no mesmo campo, basta trocar no campo do formulário HTML que contém o atributo: onKeyPress="MascaraGenerica(this, 'CPF');" o nome 'CPF' pelo nome da outra máscara que desejar, lembrando de digitar o nome da máscara em caixa alta.

No javascript copie todo código abaixo:
function MascaraInteiro(num) { var er = /[^0-9]/; er.lastIndex = 0; var campo = num; if (er.test(campo.value)) {///verifica se é string, caso seja então apaga var texto = $(campo).val(); $(campo).val(texto.substring(0, texto.length - 1)); return false; } else { return true; } } function MascaraFloat(num) { var er = /[^0-9.,]/; er.lastIndex = 0; var campo = num; if (er.test(campo.value)) {///verifica se é string, caso seja então apaga var texto = $(campo).val(); $(campo).val(texto.substring(0, texto.length - 1)); return false; } else { return true; } } //formata de forma generica os campos function formataCampo(campo, Mascara) { var er = /[^0-9/ (),.-]/; er.lastIndex = 0; if (er.test(campo.value)) {///verifica se é string, caso seja então apaga var texto = $(campo).val(); $(campo).val(texto.substring(0, texto.length - 1)); } var boleanoMascara; var exp = /\-|\.|\/|\(|\)| /g var campoSoNumeros = campo.value.toString().replace(exp, ""); var posicaoCampo = 0; var NovoValorCampo = ""; var TamanhoMascara = campoSoNumeros.length; for (var i = 0; i <= TamanhoMascara; i++) { boleanoMascara = ((Mascara.charAt(i) == "-") || (Mascara.charAt(i) == ".") || (Mascara.charAt(i) == "/")) boleanoMascara = boleanoMascara || ((Mascara.charAt(i) == "(") || (Mascara.charAt(i) == ")") || (Mascara.charAt(i) == " ")) if (boleanoMascara) { NovoValorCampo += Mascara.charAt(i); TamanhoMascara++; } else { NovoValorCampo += campoSoNumeros.charAt(posicaoCampo); posicaoCampo++; } } campo.value = NovoValorCampo; ////LIMITAR TAMANHO DE CARACTERES NO CAMPO DE ACORDO COM A MASCARA// if (campo.value.length > Mascara.length) { var texto = $(campo).val(); $(campo).val(texto.substring(0, texto.length - 1)); } ////////////// return true; } function MascaraMoeda(i) { var v = i.value.replace(/\D/g, ''); v = (v / 100).toFixed(2) + ''; v = v.replace(".", ","); v = v.replace(/(\d)(\d{3})(\d{3}),/g, "$1.$2.$3,"); v = v.replace(/(\d)(\d{3}),/g, "$1.$2,"); i.value = v; } function MascaraGenerica(seletor, tipoMascara) { setTimeout(function () { if (tipoMascara == 'CPFCNPJ') { if (seletor.value.length <= 14) { //cpf formataCampo(seletor, '000.000.000-00'); } else { //cnpj formataCampo(seletor, '00.000.000/0000-00'); } } else if (tipoMascara == 'DATA') { formataCampo(seletor, '00/00/0000'); } else if (tipoMascara == 'CEP') { formataCampo(seletor, '00.000-000'); } else if (tipoMascara == 'TELEFONE') { formataCampo(seletor, '(00) 000000000'); } else if (tipoMascara == 'INTEIRO') { MascaraInteiro(seletor); } else if (tipoMascara == 'FLOAT') { MascaraFloat(seletor); } else if (tipoMascara == 'CPF') { formataCampo(seletor, '000.000.000-00'); } else if (tipoMascara == 'CNPJ') { formataCampo(seletor, '00.000.000/0000-00'); } else if (tipoMascara == 'MOEDA') { MascaraMoeda(seletor); } }, 200); }