在输入上剥去空白区域

Question

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

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

Answer 1

使用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, '');
    });
  });
});

Live Example

Answer 2

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

这会在您键入时删除空格，并且还会删除标签字符。

Answer 3

如果您只想输入数字，请试试这个！ ：d

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

Answer 4

我们可以使用纯JavaScript达到预期的结果。

输入

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

Js功能

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

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

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