Strip white spaces on input

Question

I have a field that does not need any white spaces. I need to remove any as they are entered. Here\'s what I\'m trying... no luck so far

$(\'#noSpacesField\'         


        

Answer 1

Use jQuery trim to remove leading and trailing white space

$.trim(" test case "); // 'test case'

To remove all whitespace...

" test   ing  ".replace(/\s+/g, ''); // 'testing'

To remove whitespace as it is entered...

$(function(){
  $('#noSpacesField').bind('input', function(){
    $(this).val(function(_, v){
      return v.replace(/\s+/g, '');
    });
  });
});

Live Example

Answer 2

If you only wanna put numbers, try this! :D

$("#id").keyUp(function(){
   if(isNaN($(this).val())) {
     $(this).val(0);
   }
   $(this).val($(this).val().replace(/ +?/g, ''));
})

Answer 3

$('#noSpacesField').keyup(function() {
  $(this).val($(this).val().replace(/ +?/g, ''));
});

This will remove spaces as you type, and will also remove the tab char.

Answer 4

We can achieve the desired outcome with pure javascript.

Input

<input type="text" id="whiteSP" onChange={ (e)=>removeSpace(e) } />

Js Function

function removeSpace(e){
    let val = (e.target.value).trim();
    console.log(val);
}

However on a form submit button clicked

console.log( ( (" test case ").trim() ).replace(" ", "") )