在将文本粘贴到输入字段时如何防止空格?

时间:2013-04-28 12:42:57

标签: jquery

如何防止空格被粘贴到输入栏中?

例如:我有两个不同的input字段用于名字和姓氏。我通过使用一个简单的jQuery禁用空间 typed 进入输入字段,但是,似乎如果我将'Tom Riddle'复制并粘贴到任一输入字段之间,那么'之间的空间' Tom'和'Riddle'也被粘贴到输入字段中。
编辑:作为一个人的名字或一个人的姓氏将不包含任何空格,我需要禁用。

这是jQuery我用来禁用空格键入: -

$(document).ready(function() {
    $('.no_space').keypress(function(e) {
        if(e.which === 32) {
            return false;
        }
    });
});

1 个答案:

答案 0 :(得分:10)

绑定input event并替换空格的存在。对于现代浏览器,这包括在输入字段上键入和粘贴。

$('.no_space').on("input", function () {
    $(this).val($(this).val().replace(/ /g, ""));
});

请参阅DEMO