Recently I needed to create a SEO safe URL string for an ASP.Net Blog application I was coding. I wanted the title field of the form to be transformed into a SEO friendly URL, then copy that string to another field for storing the SEO friendly string.

I came up with the following JavaScript function that will do just that.

function setURLName(textBox, e, boxtochange) {
  var textValue = textBox.value;
  var checkURL = document.getElementById(boxtochange).value;
  if (checkURL == "") {
    document.getElementById(boxtochange).value = textValue.replace(/[^\w\s]/gi, '').replace(/\s/g, '-');

You then need to add this event to the field you want to transform:

onblur="setURLName(this, event, 'PageURL')"

PageURL is the ID of the field to send the SEO friendly string to.

That's all there is to this one.



Most Visited