jQuery multiple character replace

Question

I have a very easy question. Unfortunately, I can't find the answer.

I just made 2 simple input functions

Input 1:<br /><input type="text" id="i1" name="i1" />
Input 2:<br />
<input type="text" id="i2" name="i2" />

When changing input 1, I want to let appear the result in input 2. Also I want some characters being replaced and I want to make the characters lower case (in order to use it as an url).

So I made the following jQuery code:

$("#i1").keyup(function() {
var ptitle = $("#i1").val();
$("#2").val(ptitle.replace(" ", "-").toLowerCase());
});

This works good, except when I type a string that has multiple times the same character to replace. Then it only replaces the first time.

For example: When I type in input 1: 'About this company' it will result in input 2: 'about-this company'. It should be: 'about-this-company'. Does anyone knows what is going wrong in my jQuery code?

jerone · Accepted Answer · 2010-07-28 19:55:30Z

9

Something like this:

$("#i1").keyup(function() { 
    var ptitle = $(this).val(); 
    $("#i2").val(ptitle.replace(/\s/g, "-").toLowerCase()); 
});

answered Jul 28, 2010 at 19:55

jerone

17.1k4 gold badges42 silver badges58 bronze badges

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

3 Comments

J.2 Over a year ago

Wow, that was extreme fast. And you did solve my problem. Thank you very much!

jerone Over a year ago

No problem, I see multiple people have the same answer. I changed the $("#i2") with the i in it (accourding to your example) and I added the regexp /\s/g instead of your " ".

Marc Over a year ago

Be sure that you mean \s instead of ' ', the difference is that \s represents all whitespace [\f\n\r\t\v\u00A0\u2028\u2029]. This may be fine with you, but I'd be remiss if I didn't mention it.

Community · Accepted Answer · 2017-05-23 11:47:37Z

2

This is because replace requires a global flag to replace multiple instances.

Try this

$("#i1").keyup(function() { var ptitle = $("#i1").val(); 
       $("#2").val(ptitle.replace(/ /g, "-").toLowerCase()); 
});

Here's a pretty close question to yours with a good answer:
Replacing spaces with underscores in JavaScript?

edited May 23, 2017 at 11:47

CommunityBot

11 silver badge

answered Jul 28, 2010 at 19:55

Marc

9,3742 gold badges32 silver badges31 bronze badges

Comments

Ties · Accepted Answer · 2010-07-28 19:58:13Z

0

this works for me

$(function(){
  $("#i1").keyup(function() {
    var ptitle = $("#i1").val();
    $("#i2").val( ptitle.replace(/ /g,"-").toLowerCase() );
  });
});

answered Jul 28, 2010 at 19:58

Ties

5,8563 gold badges30 silver badges37 bronze badges

Collectives™ on Stack Overflow

jQuery multiple character replace

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related