How to remove spaces from a text input box

Question

I have the following jQuery shell which works:

  $('.jq_noSpaces').on('change', function(){
    alert('you changed the value in the box');
  });

My form attributes are id="username" name="username"

How do I use the following jQuery replace function to automatically change remove the spaces from the input field?

str.replace(/\s+/g, '');

Thanks

score 12 · Accepted Answer · answered Mar 20 '13 at 20:43

12

You can use the syntax:

$(this).val($(this).val().replace(/\s+/g, ''));

Inside the event handler.

answered Mar 20 '13 at 20:43

Tom Walters

15,366
7
57
74

Cool @TomWalters, I'll give it a try now. – H. Ferrence Mar 20 '13 at 20:44
@Diodeus Yep I just spotted that! – Tom Walters Mar 20 '13 at 20:44
it's missing a right paren somewhere -- I think (or so Dreamweaver is yelling at me about it) – H. Ferrence Mar 20 '13 at 20:44
SIMPLY Awesome !! Thanks @TomWalters -- that's what I needed (gotta wait 9 mins to accept your answer) – H. Ferrence Mar 20 '13 at 20:47

score 4 · Answer 2 · answered Mar 20 '13 at 20:43

4

Replace content of your box in event handler

this.value = this.value.replace(/\s+/g, '');

answered Mar 20 '13 at 20:43

Anoop

23,044
10
62
76

score 3 · Answer 3 · answered Mar 20 '13 at 20:44

3

No need for jQuery at all...just do this.value = this.value.replace(/s+/g, '');

answered Mar 20 '13 at 20:44

Travesty3

14,351
6
61
98

1

That'll only replace the first space found, you have to add the global flag: `/ /g` – Tom Walters Mar 20 '13 at 20:46
@TomWalters: Good call. Edited. – Travesty3 Mar 20 '13 at 20:49

score 0 · Answer 4 · answered Mar 20 '13 at 20:45

$('.jq_noSpaces').on('change', function(){
    $(this).val($(this).val().replace(/\s+/g,"")) //thanks @Sushil for the reminder to use the global flag
    alert('you changed the value in the box');
});

or, like the others said, you don't really need jQuery at all. I tend to use it anyway, though. All the really cool coders do.

How to remove spaces from a text input box

4 Answers4