Jquery 在输入上去除空白

Jquery 在输入上去除空白,jquery,Jquery,我有一个字段不需要任何空格。输入时,我需要删除任何内容。这是我正在尝试的。。。到目前为止运气不好 $('#noSpacesField').click(function() { $(this).val().replace(/ /g,''); }); 使用jQuery trim删除前导和尾随空格 $.trim(" test case "); // 'test case' 要删除所有空白 " test ing ".replace(/\s+/g, ''); // 'testing'

我有一个字段不需要任何空格。输入时,我需要删除任何内容。这是我正在尝试的。。。到目前为止运气不好

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

使用jQuery trim删除前导和尾随空格

$.trim(" test case "); // 'test case'
要删除所有空白

" test   ing  ".replace(/\s+/g, ''); // 'testing'
要在输入时删除空白

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


这将在您键入时删除空格,还将删除制表符。

如果您只想输入数字,请尝试此操作!:D

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

我们可以使用纯javascript实现期望的结果

输入

但是,在表单上单击了“提交”按钮

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

如果您试图在输入时删除它们,则需要绑定到
change
keyup
keypress
,等等。绑定到
click
对您没有帮助。我喜欢简单,但我认为需要保持绑定,如@Kyle的示例所示。谢谢这和我的回答是一样的。@Kyle现在做到了。然而,当我发布这篇文章时,你的答案只是一个修饰。在我发布此消息后,您编辑了答案,添加了一个密钥。很抱歉。继续前进。太好了。与ie11、edge、chrome、mozilla一起使用jQuery3.3
<input type="text" id="whiteSP" onChange={ (e)=>removeSpace(e) } />
function removeSpace(e){
    let val = (e.target.value).trim();
    console.log(val);
}
console.log( ( (" test case ").trim() ).replace(" ", "") )