3

Quiero evitar esos molestos dobles espacios en algunos inputs, ¿tienen alguna idea de como puedo hacerlo? No creo tener problema con hacerlo totalmente en el lado del cliente.

Les dejo un ejemplo de uno de mis input:

 <div class="form-group">
      <label for="cliente">Cliente</label>
      <input type="text" name="cliente" class="form-control" id="cliente" placeholder="cliente">
 </div>
4
  • a que te refieres con dobles espacios ??
    – Oscar Diaz
    Commented el 10 nov. 2017 a las 20:10
  • por favor reeplantea tu pregunta Commented el 10 nov. 2017 a las 20:27
  • se podria en un div de contenteditable Commented el 10 nov. 2017 a las 20:50
  • Al presionar dos veces la tecla de espacio Commented el 12 nov. 2017 a las 2:31

1 respuesta 1

2

La solucion que daria seria verificando la ultima tecla escrita, si la ultima tecla es espacio tendriamos que denegar la escritura al segundo espacio con event.preventDefault();

document.getElementById("text").addEventListener("keydown", teclear);

var flag = false;
var teclaAnterior = "";

function teclear(event) {
  teclaAnterior = teclaAnterior + " " + event.keyCode;
  var arregloTA = teclaAnterior.split(" ");
  if (event.keyCode == 32 && arregloTA[arregloTA.length - 2] == 32) {
    event.preventDefault();
  }
}
<input type="text" id="text"></input>

1
  • Funciona sin ningun problema! Commented el 12 nov. 2017 a las 2:32

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.