js sluggify

gistfile1.js

  var slugify = function(text) {

    text = text.replace(/^\s+|\s+$/g, ''); // trim
    text = text.toLowerCase();
    
    // remove accents
    var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;";
    var to   = "aaaaeeeeiiiioooouuuunc------";
    for (var i=0, l=from.length ; i<l ; i++) {
      text = text.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
    }

    text = text.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
      .replace(/\s+/g, '-') // collapse whitespace and replace by -
      .replace(/-+/g, '-'); // collapse dashes

    return text;
  }

  $(function(){

    var $slug_field = $('.slugify'),
      $slug_base = $('.slug_base');

    // if slug is empty, let's activate slugify
    if ($slug_field.val() === '') {
      $slug_field.addClass('active');
      // if the slug base already has content, let's prefill the slug
      if ($slug_base.val() !== '') {
        $slug_field.val(slugify($slug_base.val()));
      }
    };

    // if slugify active, update slug on slug base change
    $slug_base.change(function(){
      if ($slug_field.hasClass('active')) {
        $slug_field.val(slugify($slug_base.val()));
      }
    });

    // if slug get's changed manually, let's deactivate slugify
    $slug_field.change(function(){
      $slug_field.removeClass('active');
    });
    
  });