0

Tengo la siguiente pregunta:

Me gustaría saber cómo hacer en JavaScript para que si un usuario introduce en un input de texto HTML un nombre y un apellido, me devuelva un String de texto en el que sea reconocido y sustituido cada espacio en el texto introducido en el input por un símbolo +.

Ejemplo: el usuario introduce en el input de texto HTML lo siguiente:

Juan Pérez Rodríguez

JavaScript me devuelve un String de texto que sea:

Juan+Pérez+Rodríguez

¡Muchas gracias de antemano!

6
  • 1
    Cuándo quieres que javascript te genere algo así? cuando sale el focus del input? cuando envía el formulario? Commented el 21 mar. 2017 a las 14:22
  • tengo pensado ponerle al input de texto un onkeyup="funcionx()", siendo la "funcionx()" una funcion que le asigne a una variable nueva como valor una string de texto en la que sean sustituidos dichos espacios por símbolos "+". El problema es que no sé como decirle a javascript que cambie cada espacio por un símbolo "+" como en el ejemplo de arriba. Tendría que dividir el texto en caracteres y exportarlos como array, y que si en un sitio el valor es igual a " ", lo cambie por "+" o como lo soluciono?
    – psy
    Commented el 21 mar. 2017 a las 14:32
  • Pero quieres que el String con los "+" añadidos sea sustituído en el input a la vista? O sea que mientras vayas escribiendo el valor del input si el usuario pone un espacio te lo sustituya en ese momento por una "+"? Commented el 21 mar. 2017 a las 14:34
  • No, que le asigne una string de texto como valor a una variable en segundo plano con esos cambios y se la pongo esa funcion al input text como onkeyup.
    – psy
    Commented el 21 mar. 2017 a las 14:37
  • @psy ¿Qué haz intentando hasta el momento?
    – Jorius
    Commented el 21 mar. 2017 a las 14:39

1 respuesta 1

1

No tienes que desgastarte creando un array, con un simple replace puedes lograr lo que quieres, prueba con lo siguiente, gatillamos nuestra función replaceName() con el evento onkeyup. Al valor del input le asignamos el mismo valor reemplazando todos (/ /g) los espacios en blanco con un ( + )

function replaceName(e){
  e.value = e.value.replace(/ /g, "+")
}
<input type="text" 
       placeholder="Ingrese un nombre" 
       id="name"
       onkeyup="replaceName(this)" />

2
  • No conocía el replace(), con eso ya me apaño. Es una opción muy sencilla, muchísimas gracias! :)
    – psy
    Commented el 21 mar. 2017 a las 14:52
  • @psy Con gusto y para eso estamos, compartir nuestros conocimientos!
    – Jorius
    Commented el 21 mar. 2017 a las 14:57

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.