Javascript replace utf characters in string

Question

I want to after type Title of post automatically take value and create slug. My code works fine with English Latin characters but problem is when I type characters 'čćšđž'. Code replace first type of this characters in string but if character is repeated than is a problem. So, for testing purpose this title 'šžđčćžđš čćšđžčćšđž čćšđžčć ćčšđžšžčćšđ ćčšžčć' is converted to this slug 'szdcc'.

This is my jquery code:

$('input[name=title]').on('blur', function() {
    var slugElement = $('input[name=slug]');

    if(slugElement.val()) {
        return;
    }

    slugElement.val(this.value.toLowerCase().replace('ž', 'z').replace('č','c').replace('š', 's').replace('ć', 'c').replace('đ', 'd').replace(/[^a-z0-9-]+/g, '-').replace(/^-+|-+$/g, ''));
});

How to solve this problems? Also is it possible to this few characters put in same replace() function?

Alex Kudryashev · Accepted Answer · 2016-04-19 22:08:05Z

2

Try this:

    function clearText(inp) {
        var wrong = 'čćšđž';
        var right = 'ccsdz';
        var re = new RegExp('[' + wrong + ']', 'ig');
        return inp.replace(re, function (m) { return right.charAt(wrong.indexOf(m)); });
    }

answered Apr 19, 2016 at 22:08

Alex Kudryashev

9,5103 gold badges31 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Michael · Accepted Answer · 2016-04-19 19:21:46Z

1

replace() only replaces the first occurrence unless regex is used with global modifier. You will need to change them all to regular expression.

replace(/ž/g, "z")

As far as I know, it will not be possible to use a single replace() in your case. If you are concerned with chaining a bunch of .replace() together, you might be better off writing some custom code to replace these characters.

var newStr = "";
for (var i = 0; i < str.length; i++) {
  var c = str.charAt(i);
  switch (c) {
    case "ž": newStr += "z"; break;
    default: newStr += c; break;
  }
}

edited Apr 19, 2016 at 19:21

answered Apr 19, 2016 at 18:59

Michael

5322 silver badges12 bronze badges

1 Comment

Mirsad Batilovic Over a year ago

Thanks for quick answer. I'm gonna try this and reply to you soon. Is it possible to this five characters čćšđž put in one replace() regular expression?

Collectives™ on Stack Overflow

Javascript replace utf characters in string

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related