2013-01-23 220 views
2

我有一個HTML表單通過ajax加載到lightbox。HTML表單不允許輸入空格

你可以看到的http://www.powerbuy.com.au/

主頁在頁面有鏈接的右下方的行爲「讓我們商討出一個適合你」點擊這創造了一個燈箱,並加載形式。

問題是,您不能在任何字段中輸入空格,它似乎接受任何其他字符,數字和符號,但不接受空格。

我已經查看了JS中任何keyCode的代碼,但是找不到任何與空格有關的東西。

你能複製這個問題嗎?你能告訴我發生了什麼事嗎?

+0

看看[這裏](HTTP ://stackoverflow.com/questions/1987439/space-bar-not-working-in-form-fields)SO問題。 –

+0

@sixfive這是您的網站嗎? –

+0

我看到一些JavaScript替換字符串與正則表達式,不知道它確切地做了什麼,但你應該檢查它。你能提出一些代碼嗎? –

回答

0

原因未知: 通過將lightbox從ajax加載轉換爲iframe來解決。

1

你可以簡單的寫下面的代碼:

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

    }); 
}); 

「ID」 是你的文本框 「id」 屬性值。

+0

我無法得到這個工作,因爲表單是由ajax加載的,因此它不會連接事件(或者它出現)。 – sixfive

0

您可以通過設置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(); 
    } 
    } 
}); 
-2

我有類似的問題。發現,它有'enableKeys'選項。

有更多的方式來設置這個選項,但由於某些原因,我僅這一項工作:

Shadowbox.init({ 

skipsetup: true, 
enableKeys: false 

}); 

這裏有一些其他的解決方案中提到http://shadowbox.1309102.n2.nabble.com/Can-t-add-space-in-text-input-td4518072.html

+0

請在答案正文中包含來自鏈接的相關信息。鏈接可能會死/腐爛/移動或以其他方式變得不可用。 – EWit

相關問題