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? Commented el 29 ago. 2018 a las 17:45
  • Correcto. Bienvenido a StackOverflow en Español.
    – alanfcm
    Commented el 29 ago. 2018 a las 17:50
  • Perfecto, te agradezco! Commented 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" Commented el 29 ago. 2018 a las 17:56
  • Puedes utilizar .substring(). w3schools.com/jsref/jsref_substring.asp
    – alanfcm
    Commented el 29 ago. 2018 a las 17:58

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.