1

Tengo una duda sobre un código que me esta mantando...

Lo que necesito es que me copie el valor del input en otro input, pero que este sea diferente, es decir sin espacios y en minuscula todo, ejemplo:

Input 1: Hola Mundo Input 2: holamundo (o hola_mundo)

Que copie lo que se escribe en Input 1 en Input 2 pero en minúscula, sin espacios o con guión bajo

El codigo que tengo es el siguiente:

CODIGO JS:

document.getElementById("name").addEventListener('keyup', autoCompleteNew);

function autoCompleteNew(e) {

    $("#name").keyup(autoCompleteNew); 
    var value = $(this).val(); $(this).val = value.toLowerCase().replace(" ", ""); $("#short-name").val(value);

}

Les agradezco un mundo, su ayuda con esto.

1 respuesta 1

2

Para eliminar los espacios necesitas una expresion regular. Para convertir en minusculas usas .toLowerCase(). Quedaria asi:

document.getElementById("name").addEventListener('keyup', autoCompleteNew);

function autoCompleteNew(e) {            
    var value = $(this).val();         
    $("#short-name").val(value.replace(/\s/g, '').toLowerCase()); 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="name" type="text">
<input id="short-name" type="text">

6
  • Te agradezco un monton! Funciona de manera correcta, pero una consulta, si necesito que los espacios sean reemplazados por guion bajo solo seria replace(/\s/g, '-') cierto? el 29 ago. 2018 a las 17:45
  • Correcto. Bienvenido a StackOverflow en Español.
    – alanfcm
    el 29 ago. 2018 a las 17:50
  • Perfecto, te agradezco! el 29 ago. 2018 a las 17:52
  • Una consulta más, para que en vez de que me elimine reemplace los espacios y lo coloque en minuscula, que tengo que hacer cuando necesito que solo acorte el texto? Es decir ejemplo: INPUT 1: "Texto Largo de Hoy", INPUT 2: "Texto Largo" el 29 ago. 2018 a las 17:56
  • Puedes utilizar .substring(). w3schools.com/jsref/jsref_substring.asp
    – alanfcm
    el 29 ago. 2018 a las 17:58

Tu Respuesta

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

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