How to remove all spaces when pasting using jQuery or JavaScript instantly?

Question

When a user pastes some text into a field I want to be able to remove all spaces instantly.

<input type="text" class="white-space-is-dead" value="dor  on" />

$('.white-space-is-dead').change(function() {   
    $(this).val($(this).val().replace(/\s/g,""));
});

http://jsfiddle.net/U3CRg/22/

This code from another example works. But doesn't update until a user clicks on something besides the textbox. I am using MVC with jQuery/JavaScript.

Just want to quick point out java and javascript are two different languages that are completely unrelated. (other then similarity in name). This is javascript. — Philippe
– Philippe, Commented May 15, 2015 at 1:13

Community · Accepted Answer · 2017-05-23 11:51:09Z

3

Switch the event change for input, which will trigger whenever something is inputted into the field, even if text is being pasted.

$('.white-space-is-dead').on('input', function() {   
    $(this).val($(this).val().replace(/\s/g,""));
});

Take a look at jQuery Events to understand better what options you have.

Edit: updated the answer based on OP's comment and what I found on this answer.

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered May 15, 2015 at 1:08

mathielo

6,7757 gold badges53 silver badges64 bronze badges

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

7 Comments

Bob Over a year ago

This works if the user keeps typing. But I want it to happen during the paste action or right after.

Bob Over a year ago

that seems to do the job but I am wondering now if older browsers will support the paste event.

mathielo Over a year ago

As long as they support your jQuery version, I believe you won't have any problems with that.

mathielo Over a year ago

@Bob also, if it's really really important to not have any spaces in the inputted text, you should consider server-side validating and/or replacing spaces.

Bob Over a year ago

I am trying to remove the spaces, blocking the space-bar key works for regular input but when the user pastes in spaces I need a to remove them. Which your answer does cover but I feel as IE8 wont like it.I'm open to suggestions.

|

Allen Tellez · Accepted Answer · 2015-05-15 01:08:15Z

1

The regex wasnt doing what you wanted. This works but does not fire until the text input loses focus.

$('.white-space-is-dead').change(function() {   
    $(this).val($(this).val().replace(/ /g,''));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" class="white-space-is-dead" value="dor  on" />

answered May 15, 2015 at 1:08

Allen Tellez

1,2111 gold badge11 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to remove all spaces when pasting using jQuery or JavaScript instantly?

2 Answers 2

7 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related