Tengo un oculto campo de entrada que va a tomar el valor de la otra en keyup y estoy tratando de averiguar cómo transformar el valor en el campo oculto a minúsculas y reemplazar los espacios por guiones.

Por lo tanto, si alguien escribe «Esto Es Un Ejemplo» en el campo de entrada título, el identificador de campo de entrada «pasará a ser» esto-es-un-ejemplo».

<input type="text" name="title" value="This Is A Sample" />
<input type="hidden" name="identifier" value="this-is-a-sample />
  • si se utiliza como una forma de generar una url segmento, es posible que desee ampliar los requisitos para que se sustituye, tiras, codifica o problemática a los personajes (#, /, <, >, etc.).

5 Comentarios

  1. 56

    Esto reemplazará a todos los espacios con –

    <script type="text/javascript">
    $(document).ready(function(){
    var test= $('input[name="title"]').val();
    test = test.toLowerCase().replace(//g, '-');
    $('input[name="identifier"]').val(test);
    }):
    </script>
    • Muy Útil Gracias
  2. 15

    Para convertir a minúsculas :

    var lowercase = 'This Is A Sample'.toLowerCase();

    Para Reemplazar el espacio vacío:

    var Replace= 'This Is A Sample'.replace(//g,"-");

    echa un vistazo a este ejemplo

    @JSbin

  3. 3

    Usted puede hacer esto de esta manera:

    <script type="text/javascript">
    var el = document.getElementById('identifier');
    var text = el.value;
    el.value = text.toLowerCase().replace(' ', '-');
    </script>

    o si usted está usando JQuery:

    <script type="text/javascript">
    $('identifier').value = $('identifier').value.toLowerCase().replace(' ', '-');
    </script>
  4. 2
    var lower = $('input#textFieldId').val().toLowerCase(); //to lower case
    var hyp = lower.replace(//g,"-");                      //spaces to hyphens
    $('input#hiddenFieldId').val(hyp);                      //in hidden field

    Verificación

Dejar respuesta

Please enter your comment!
Please enter your name here