25

我正在尝试禁用用户名文本字段中的空格，但是我的代码也禁用了使用后退箭头。有什么办法也可以允许后退箭头吗？

    $(function() {
         var txt = $("input#UserName");
         var func = function() {
                      txt.val(txt.val().replace(/\s/g, ''));
                   }
         txt.keyup(func).blur(func);
    });

小提琴：http: //jsfiddle.net/EJFbt/

4

4 回答 4

68

您可以添加keydown处理程序并阻止空格键的默认操作（即32）：

$("input#UserName").on({
  keydown: function(e) {
    if (e.which === 32)
      return false;
  },
  change: function() {
    this.value = this.value.replace(/\s/g, "");
  }
});

演示：http: //jsfiddle.net/EJFbt/1/

于 2013-01-09T14:02:16.110 回答
20

这似乎对我有用：

<input type="text" onkeypress="return event.charCode != 32">
于 2020-04-24T18:02:53.923 回答
5

它不会“禁用”后退箭头——每当您按下一个键时，您的代码都会彻底替换所有文本，并且每次发生这种情况时，插入符号的位置都会丢失。

不要那样做。

使用更好的机制来禁止空格，例如当按下的键为时从 onkeydown 处理程序返回falsespace：

$(function() {
    $("input#Username").on("keydown", function (e) {
        return e.which !== 32;
    });​​​​​
});

这样，您的文本框首先被禁止接收空格，并且您不需要替换任何文本。因此插入符号将不受影响。

更新

@VisioN的改编代码还将这种空间禁止支持添加到复制粘贴操作，同时仍然避免文本替换keyup处理程序会影响您的文本框值，而您的插入符号仍处于活动状态。

所以这是最终的代码：

$(function() {

    // "Ban" spaces in username field
    $("input#Username").on({

       // When a new character was typed in
       keydown: function(e) {

          // 32 - ASCII for Space;
          // `return false` cancels the keypress
          if (e.which === 32)
             return false;
       },

       // When spaces managed to "sneak in" via copy/paste
       change: function() {
          // Regex-remove all spaces in the final value
          this.value = this.value.replace(/\s/g, "");
       }

       // Notice: value replacement only in events
       //  that already involve the textbox losing
       //  losing focus, else caret position gets
       //  mangled.
    });​​​​​
});
于 2013-01-09T14:00:55.293 回答
1

尝试在您的函数中检查正确的键代码：

$(function(){
    var txt = $("input#UserName");
    var func = function(e) {
      if(e.keyCode === 32){
        txt.val(txt.val().replace(/\s/g, ''));
      }
    }
    txt.keyup(func).blur(func);
});

这样只有keyCodeof 32（空格）调用替换函数。这将允许其他keypress事件通过。根据 IE 中的可比性，您可能需要检查是否e存在、使用e.which或可能使用全局 window.event 对象。不过，这里有很多问题涵盖了这些主题。

如果您不确定某个，请keyCode尝试这个有用的网站。

于 2013-01-09T14:02:25.460 回答