<script  src="https://code.jquery.com/jquery-3.4.1.slim.min.js" ></script>

<form id="form1" name="form1" method="post">
<label for="name">Name:</label>
<input type="text" name="name" id="name">
<label for="permalink">Permalink:</label>
<input type="text" name="permalink" id="permalink">
<input type="submit" name="submit" id="submit" value="Submit">
</form>

<script>
function slugify(text)
{
return text.toString().toLowerCase()
.replace(/\s+/g, '-') // Replace spaces with -
.replace(/[^\w\-]+/g, '') // Remove all non-word chars
.replace(/\-\-+/g, '-') // Replace multiple - with single -
.replace(/^-+/, '') // Trim - from start of text
.replace(/-+$/, ''); // Trim - from end of text
}

$("#name").keyup(function(){
var sl_val=this.value;
var sl_val= slugify(sl_val);
$("#permalink").val(sl_val);
});
</script>

The post Auto Permalink value in text field appeared first on Cody Paste.