Question

我有一个HTML表单通过ajax加载到灯箱。

您可以在http://www.powerbuy.com.au/

的主页上看到此行为

在页面的右下角有一个链接'让我们为你协商一个交易'点击此按钮创建一个灯箱并加载表单。

问题是你不能在任何字段中加入空格，它似乎接受任何其他字符，数字和符号，但不接受空格。

我查看了JS中任何keyCode的代码，但是我找不到任何与空格有关的内容。

你能复制这个问题吗？你能告诉我发生了什么吗？

Answer 1

您可以简单地写下面的代码：

$(document).ready(function(){ 
    $("#id").keydown(function(event) {
    if(event.shiftKey)
    {
        event.preventDefault();
    }
    if (event.keyCode == 32)    {
        event.preventDefault();
    }

    });
});

“id”是您的文本字段“id”属性值。

Answer 2

原因未知：通过将灯箱弹出从ajax加载转换为iframe来解决。

Answer 3

您可以通过将enableKeys : false设置如下来修复它：

Shadowbox.open({
  title      : "Nouvel Addressee",
  content    : $("addressee-lightbox-wrapper").innerHTML,
  player     : "html",
  width      : 920,
  height     : 540,
  enableKeys : false,
  options    : {
    onFinish: function() {
      Event.addBehavior.reload();
    }
  }
});

Answer 4

我有类似的问题。发现，它有＆＃39; enableKeys＆＃39;选项。

有更多方法可以设置此选项，但出于某种原因，这个选项对我有用：

Shadowbox.init({

skipsetup: true,
enableKeys: false   

});

以下是其他一些提及http://shadowbox.1309102.n2.nabble.com/Can-t-add-space-in-text-input-td4518072.html

的解决方案

HTML表单不允许输入空格

4 个答案: