Copiar y Modificar valor de Input a otro Input, JavaScript

publicado por: Anonymous

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.

solución

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

_x000D_

_x000D_

document.getElementById("name").addEventListener('keyup', autoCompleteNew);_x000D_
_x000D_
function autoCompleteNew(e) {            _x000D_
    var value = $(this).val();         _x000D_
    $("#short-name").val(value.replace(/s/g, '').toLowerCase()); _x000D_
}

_x000D_

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>_x000D_
<input id="name" type="text">_x000D_
<input id="short-name" type="text">

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *