Como chamar essa função js no input text
Bom dia pessoal , estou querendo fazer uma coisa simples, mas não sei como chamar a função do modo que eu quero...
Quando eu digitar um texto no campo título e depois der TAB (onMouseOut), já automaticamente insira no campo slug, o texto da slug formatado pela função js....
Alguem poderia me ajudar a adaptar? Sei que tenho que chamar a função no input , mas nao sei como, e sei que a função deve setar o valor da variavel formatada no campo slug, mas nao sei como fazer tambem....
Obrigado
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Teste slug</title>
<script type="text/javascript">
function string_to_slug(str) {
str = str.replace(/^\s+|\s+$/g, ''); // trim
str = str.toLowerCase();
// remove accents, swap ñ for n, etc
var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;";
var to = "aaaaeeeeiiiioooouuuunc------";
for (var i=0, l=from.length ; i<l ; i++) {
str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
}
str = str.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
.replace(/\s+/g, '-') // collapse whitespace and replace by -
.replace(/-+/g, '-'); // collapse dashes
return str;
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<label for="textfield">Título:</label>
<input type="text" name="titulo" id="titulo">
<label for="textfield2">Slug titulo:</label>
<input type="text" name="slug" id="slug">
<input type="submit" name="button" id="button" value="Enviar">
</form>
</body>
</html>Discussão (2)
Carregando comentários...