jQuery remove special characters from string and more

Question

I have a string like this:

var str = "I'm a very^ we!rd* Str!ng.";

What I would like to do is removing all special characters from the above string and replace spaces and in case they are being typed, underscores, with a - character.

The above string would look like this after the "transformation":

var str = 'im-a-very-werd-strng';

First, you would probably use double quotes for the string, because there is a single quote inside. — Grace Shao, Jan 23 '12 at 22:37
why is this tagged as jQuery? text processing has nothing to do with jQuery. — gonchuki, Jan 23 '12 at 23:10

score 136 · Accepted Answer · edited May 23 '17 at 12:26

136

replace(/[^a-z0-9\s]/gi, '') will filter the string down to just alphanumeric values and replace(/[_\s]/g, '-') will replace underscores and spaces with hyphens:

str.replace(/[^a-z0-9\s]/gi, '').replace(/[_\s]/g, '-')

Source for Regex: RegEx for Javascript to allow only alphanumeric

Here is a demo: http://jsfiddle.net/vNfrk/

edited May 23 '17 at 12:26

Community

1
1

answered Jan 23 '12 at 22:49

Jasper

75,105
13
148
145

2

*Comment from [Daniel Przybylowski](http://stackoverflow.com/users/3941987/daniel-przybylowski):* It seems that the underscore is removed by the first regex. So the second one could be like: replace(/\s{1,}/g, '-') The reason for a quantifier is to replace one or more spaces with '-'. Why ? Imagine string like "something & something". – Artjom B. Aug 14 '14 at 16:00
Thanks a bunch for this! – Yass May 06 '15 at 16:44
1

@HereToLearn_ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#special-white-space – Jasper Sep 28 '15 at 15:45
replace(/[_\s+]/g, '-') to replace multiple spaces with only one dash could come in handy – Rossitten Apr 01 '16 at 06:33
Thanks, @Jasper it's working perfectly. But if in string have more than one - (dash) then how to remove second dash. – heySushil Nov 23 '19 at 05:59

score 25 · Answer 2 · answered Jan 23 '12 at 22:38

25

Assuming by "special" you mean non-word characters, then that is pretty easy.

str = str.replace(/[_\W]+/g, "-")

answered Jan 23 '12 at 22:38

Ilia G

9,853
2
37
58

I want to remove the non-word characters (or replace them with 'nothing'). I want to keep the numbers and normal letters and want to replace the spaces and underscores with a horizontal stripe. – Roel Jan 23 '12 at 22:42
That's the most powerful answer. Simple yet powerful..! – Ari Feb 05 '14 at 05:20
1

Worth pointing out that unlike all the above answers this one actually deals with "foo & bar" like this "foo-bar" and not like this "foo--bar". Short, simple and does the job perfect! – radu.luchian Aug 27 '14 at 12:31
Will it work on word characters but non utf 8 ? Like ç ş ğ ü ö – user3304007 Aug 27 '17 at 10:46

score 14 · Answer 3 · answered Jan 23 '12 at 22:43

14

str.toLowerCase().replace(/[\*\^\'\!]/g, '').split(' ').join('-')

answered Jan 23 '12 at 22:43

Grace Shao

5,107
4
28
52

Pawan Singh Bisht · Answer 4 · 2017-12-16T08:50:59.490

6

Remove numbers, underscore, white-spaces and special characters from the string sentence.

str.replace(/[0-9`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,'');

Demo

edited Dec 16 '17 at 08:50

answered Dec 16 '17 at 07:42

Pawan Singh Bisht

69
1
5

score 5 · Answer 5 · edited Nov 27 '19 at 10:10

5

this will remove all the special character

 str.replace(/[_\W]+/g, "");

this is really helpful and solve my issue. Please run the below code and ensure it works

var str="hello world !#to&you%*()";
console.log(str.replace(/[_\W]+/g, ""));

edited Nov 27 '19 at 10:10

Avid Programmer

1,667
18
28

answered Nov 27 '19 at 09:45

Amit Sharma

1,712
2
10
18

score 2 · Answer 6 · answered Nov 06 '13 at 11:51

Since I can't comment on Jasper's answer, I'd like to point out a small bug in his solution:

str.replace(/[^a-z0-9\s]/gi, '').replace(/[_\s]/g, '-');

The problem is that first code removes all the hyphens and then tries to replace them :) You should reverse the replace calls and also add hyphen to second replace regex. Like this:

str.replace(/[_\s]/g, '-').replace(/[^a-z0-9-\s]/gi, '');

score 1 · Answer 7 · edited Feb 04 '21 at 07:33

1

Remove/Replace all special chars in Jquery :

If

str = My name is "Ghanshyam" and from "java" background

and want to remove all special chars (") then use this

str=str.replace(/"/g,' ')

result:

My name is Ghanshyam and from java background

Where g means Global

edited Feb 04 '21 at 07:33

cigien

55,661
11
60
99

answered May 23 '18 at 18:56

ghanshyam singh

57
2

score 0 · Answer 8 · edited Feb 04 '21 at 16:28

0

var str = "I'm a very^ we!rd* Str!ng.";
$('body').html(str.replace(/[^a-z0-9\s]/gi, " ").replace(/^\s+|\s+$|\s+(?=\s)/g, "").replace(/[_\s]/g, "-").toLowerCase());

First regex remove special characters with spaces than remove extra spaces from string and the last regex replace space with "-"

edited Feb 04 '21 at 16:28

oguz ismail

39,105
12
41
62

answered Feb 04 '21 at 07:28

Usman Malik

1
1

4

While this code may solve the question, [including an explanation](//meta.stackexchange.com/q/114762) of how and why this solves the problem would really help to improve the quality of your post, and probably result in more up-votes. Remember that you are answering the question for readers in the future, not just the person asking now. Please [edit] your answer to add explanations and give an indication of what limitations and assumptions apply. – Yunnosch Feb 04 '21 at 07:32

jQuery remove special characters from string and more

8 Answers8

Linked