2012-08-17 9 views
12

空白を必要としないフィールドがあります。入力されたものを削除する必要があります。ここでは、私がしようとしているものだ...運これまで入力時に空白を取り除く

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

入力時に削除しようとしている場合は、 'change'、' keyup'、 'keypress'などにバインドする必要があります。' click'へのバインディングは行っていませんあなたを助けること。 – meagar

答えて

33

使用jQueryのは...すべての空白を削除するには

先頭と末尾の空白を削除する

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

をトリミングしません

空白を削除するには...

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

Live Example

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

これは、入力時にスペースを削除し、また、タブ文字を削除します。

+0

私はシンプルさが好きですが、@ Kyleの例のようにバインドを維持する必要があると思います。ありがとう – santa

+1

これは私の答えと同じことを達成します。 – Kyle

+0

@Kyleそれは今です。しかし、私がこれを投稿したとき、あなたの答えはちょうどトリムとして設定されていました。私がこれを投稿した後、答えを編集してキーアップを追加しました。 – Bot

1

数字だけを入力したい場合は、これを試してください! :D

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