2

Tenho esse código:

function contar() {
  var num_caracteres;
  num_caracteres = document.form1.txtTexto.value.length;
  document.getElementById("contador").innerHTML = num_caracteres;
  setTimeout("contar()", 100);
}
<body>
  <form id="form2" name="form1" method="post" action="">
    <label>
      <input type="text" name="txtTexto" id="txtTexto" onkeypress="contar()"/>
      </label>
    <p><label id="contador"></label></p>
  </form>
</body>

Como fazer para ele não contar os espaços em branco digitados?

3 Respostas 3

3

Basta usar .replace(/\s/g,'') do Regex no value do seu Input, sendo assim ele removera os espaços em branco. Regex tirado dessa pergunta.

function contar(e) {
    var num_caracteres;
    num_caracteres = document.form1.txtTexto.value.replace(/\s/g,'').length;
    document.getElementById("contador").innerHTML = num_caracteres;
    document.getElementById("contadorInput").value = num_caracteres;
    setTimeout("contar()", 100);

}
<body>
  <form id="form2" name="form1" method="post" action="">
    <label>
  <input type="text" name="txtTexto" id="txtTexto" onkeypress="contar(event)"/>
  </label>
    <p>Label: <label id="contador"></label></p>
    
    <p>Input <input type="text"  id="contadorInput" /></p>
    
  </form>
</body>

2
  • e para exibir em um input ao inves da label? Commented 15/08/2017 às 14:34
  • @BetinhoSilva pronto ! exemplo com label e com input Commented 15/08/2017 às 14:37
1

Antes de contar a quantidade, você pode remover os caracteres em branco com expressão regular:

num_caracteres = document.form1.txtTexto.value.replace(/ /g, '').length;

2
  • e para exibir em um input ao inves da label? Commented 15/08/2017 às 14:33
  • basta selecionar um elemento do tipo input e atribuir um value para ele: document.getElementById("elemento-input").value = num_caracteres; Commented 15/08/2017 às 14:37
0

Use o replace para remover os espaços:

function contar() {
   var textoSemEspacos = document.form1.txtTexto.value.replace(' ', '');
   var num_caracteres = textoSemEspacos.length;
   document.getElementById("contador").innerHTML = num_caracteres;
   setTimeout("contar()", 100);
}

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 .