¿Cómo puedo cambiar el texto a minúsculas y reemplazar espacios con guiones usando jQuery?

Question

Tengo un campo de entrada oculto que tomará el valor de otro en la tecla y estoy tratando de averiguar cómo transformar el valor en el campo oculto a minúsculas y reemplazar espacios con guiones.

Por lo tanto, si alguien escribe "This Is A Sample" en el campo de entrada del título, el campo de entrada del identificador se establecerá en "this-is-a-sample".

<input type="text" name="title" value="This Is A Sample" /> 
<input type="hidden" name="identifier" value="this-is-a-sample /> 

Answer 1

Esto reemplazará 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> 

Answer 2

Para cambiar el texto a minúsculas, utilice el código JavaScript toLowerCase() method.

<script type="text/javascript"> 

var str="Hello World!"; 
document.write(str.toLowerCase()); 

</script> 

Ver this Stackoverflow question sobre cómo reemplazar todos los espacios con guiones utilizando JavaScript.

Answer 3

Puede hacerlo de esta manera:

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

o si está utilizando jQuery:

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

Answer 4

Convertir en minúsculas:

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

para reemplazar el espacio vacío:

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

echar un vistazo a este ejemplo

@JSbin

Answer 5

var lower = $('input#textFieldId').val().toLowerCase(); // to lower case 
var hyp = lower.replace(/ /g,"-");      // spaces to hyphens 
$('input#hiddenFieldId').val(hyp);      // in hidden field 

Check