4

Me sale que se haga toUpperCase y también espacios en blanco pero como hago para que sean los dos, que nada mas escribir en el campo de texto me convierta a mayúscula y quite espacios?

document.getElementById('campoNombre').onkeyup = sanear;
function sanear(){
    let contenido        = document.getElementById('campoNombre').value;
    let contenidoSaneado = contenido.toUpperCase();
    let contenidoSinEspacios = contenido.replace(' ', '');

    document.getElementById('campoNombre').value = contenidoSaneado;
    document.getElementById('campoNombre').value = contenidoSinEspacios;

}

2 respuestas 2

7

estabas llamando mal al evento onkeyup, te dejo el ejemplo de como deberia ser.

document.getElementById("campoNombre").addEventListener('keyup', sanear);


function sanear(e) {
  let contenido = e.target.value;
  e.target.value = contenido.toUpperCase().replace(" ", "");
}
<input id="campoNombre" type="text">

Los metodos se pueden concatenar y secuencialmente se van a ejecutar.

1
  • El problema no es cómo estaba asociando el evento, sino que estaba aplicando el segundo método sobre la variable original, en vez de aplicarlo sobre la variable que tiene el resultado del primer método
    – Mariano
    Commented el 15 ene. 2018 a las 9:14
0

Mi respuesta es para dar una opción más para ti y tenga un abanico de opciones, en mi ejemplo use el trim(), seria lo mismo en este caso que hacer .replace(" ", ""); el cual fue sugerido por el colega @Facundo Fernandez.

document.getElementById("campoNombre").addEventListener('keyup', (e) => {

  let nombre = e.target.value;
  e.target.value = nombre.toUpperCase().trim();

});
<input type="text" id="campoNombre">

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.