jQuery String Replace in TextArea

Question

I'm trying to do a string replace in a textarea after the user has entered their content and nothing I've tried is working. Any help would be greatly appreciated. This is where I am:

<textarea id="field_id_29"></textarea>

$("#field_id_29").bind("change keyup input",function(){
     var text = $("#field_id_29").val();
     text = text.replace(/source/g,"www")
     $("#field_id_29").val(text);
});

I need to replace www-source with www.

jsFiddle is here: http://jsfiddle.net/6RNY2/

Adam Wiggall · Accepted Answer · 2012-10-24 17:51:15Z

11

Try this,

$("#field_id_29").change(function(){
    var text = $(this).val();
    var regexp = /www-source/gi;
    if ( text.match(regexp) ){      
        text = text.replace(/www-source/g,"www");
        return $(this).val(text);
    }
    return false;
});

When the field changes we grab the value, compare if against a regular expression and if we have a match we replace the text and we are done, otherwise we just return.

edited Oct 24, 2012 at 17:51

user647772

answered Oct 24, 2012 at 17:30

Adam Wiggall

3932 silver badges7 bronze badges

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

2 Comments

Krule Over a year ago

You already defined regexp, why don't you reuse variable on replace?

David 天宇 Wong Over a year ago

it changes the position of the cursor to the end of the text if the change happens at the start or in the middle :(

Anoop · Accepted Answer · 2012-10-24 17:29:42Z

2

jsfiddle

        $("#field_id_29").bind("change keyup input",function(){    
            this.value= this.value.replace(/www-source/g,"www");                 
        });

Note: inside function this is reference of textarea so you directly use this.value instead of accessing textarea value using id.

answered Oct 24, 2012 at 17:29

Anoop

23.2k10 gold badges65 silver badges79 bronze badges

1 Comment

David 天宇 Wong Over a year ago

* .bind("keyup") seems enough. Why not $.change though? * this.value instead of $(this).val(); care to explain what's the difference and what is faster? * I guess it would be faster without the global match /g

Adil · Accepted Answer · 2012-10-24 17:33:24Z

2

Try this,

Live Demo

[$("#field_id_29").bind("keyup", function() {
    var text = $(this).val();
    text = text.replace(/source/g, "www")
    $(this).val(text);
});

answered Oct 24, 2012 at 17:33

Adil

148k25 gold badges217 silver badges207 bronze badges

Comments

andrux · Accepted Answer · 2012-10-24 17:30:37Z

1

Your code works, you just need to use jQuery instead of Mootools in your jsfiddle, probably also just use the change event so that it replaces the text only after the textarea has been updated

answered Oct 24, 2012 at 17:30

andrux

2,9323 gold badges26 silver badges31 bronze badges

1 Comment

Anna_MediaGirl Over a year ago

Geez. I see that now. Wish I could get that hour back!

Collectives™ on Stack Overflow

jQuery String Replace in TextArea

4 Answers 4

2 Comments

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related