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

Answer 1

You can use the syntax:

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

Inside the event handler.

Answer 2

Replace content of your box in event handler

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