-1

como faço para aplicar máscara no campo input, quando o usuário for digitar ao invés de aparecer os números/letras eu quero que apareça nesse campo input o caracteres especiais (*). Exemplo: 999******99.

2
  • O input type password não resolveria seu caso ? Commented 28/08/2018 às 13:52
  • Não porque quando o usuário for digitar ele irá completar com asterisco, eu preciso que quando ele digitar irá aparecer número + asterisco + número. Commented 28/08/2018 às 14:08

1 Resposta 1

0

Achei essa resposta no SOEN (https://stackoverflow.com/questions/45113132/partial-password-masking-on-input-field). Podes adaptar a sua realidade, ela faz praticamente o que você quer.

 var ssn = document.getElementById('ssn');
    ssn.addEventListener('input', ssnMask, false);
    var ssnFirstFive = "";
    var secondHalf = "";
    var fullSSN = "";

    function ssnMask(){
        if (ssn.value.length <= 5){
            ssn.type = 'password';
        }
        else{
            detectChanges();
            secondHalf = ssn.value.substring(5);
            ssn.type = 'text';
            ssn.value = "•••••";
            ssn.value += secondHalf;
            fullSSN = ssnFirstFive + secondHalf;
        }
    }

    function detectChanges() {
        for (var i = 0; i < 5; i++){
            if (ssn.value[i] != "•"){
                ssnFirstFive = ssnFirstFive.substring(0, i) + ssn.value[i] + ssnFirstFive.substring(i+1);
            }
        }
    }
<input type="password" id="ssn" maxlength=9 />

2
  • Obrigado, vou implementar essa solução no meu formulário, era isso mesmo que estava precisando. vlwwww Commented 28/08/2018 às 22:00
  • Aceite a resposta então como resolvida. :) Commented 29/08/2018 às 11:10

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .