Remplacer & minuscule dans Jquery

Question

J'ai une zone de texte qui, en tapant le texte, doit être copiée dans une autre zone de texte et l'espacement entre les mots doit être remplacé par un tiret et converti en minuscules.

J'ai le code ci-dessous, mais sa ne fonctionne pas

$(document).ready(function() { 
$('#Name').keyup(function(e) { 
    var txtVal = $(this).val(); 
    txtVal = txtVal.toLowerCase(); 
    $('#URL').val(txtVal); 
}); 

});

Besoin d'aide, que peut-on faire ??

Answer 1

Après avoir remplacé en minuscules, remplacer toutes les [space] avec -

$(document).ready(function() { 
 
    $('#Name').keyup(function(e) { 
 
    var txtVal = $(this).val(); 
 
    txtVal = txtVal.toLowerCase().replace(/\s/g, '-'); 
 
    $('#URL').val(txtVal); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="Name" /> 
 
<input id="URL" />

Answer 2

remplacer tous les caractères d'espacement avec -.

$(document).ready(function() { 
    $('#Name').keyup(function(e) { 
    var txtVal = $(this).val(); 
    txtVal = txtVal.toLowerCase().replace(/\s/g, '-'); 
    $('#URL').val(txtVal); 
    }); 
}); 

Answer 3

Vous pouvez également suivre les étapes suivantes:

1. toLowerCase()
2. split(' ')
3. join('-')

extraits de code:

txtVal = txtVal.toLowerCase().split(' ').join('-'); 

Fiddle Example