我有一個HTML表單通過ajax加載到lightbox。HTML表單不允許輸入空格
你可以看到的http://www.powerbuy.com.au/
主頁在頁面有鏈接的右下方的行爲「讓我們商討出一個適合你」點擊這創造了一個燈箱,並加載形式。
問題是,您不能在任何字段中輸入空格,它似乎接受任何其他字符,數字和符號,但不接受空格。
我已經查看了JS中任何keyCode的代碼,但是找不到任何與空格有關的東西。
你能複製這個問題嗎?你能告訴我發生了什麼事嗎?
我有一個HTML表單通過ajax加載到lightbox。HTML表單不允許輸入空格
你可以看到的http://www.powerbuy.com.au/
主頁在頁面有鏈接的右下方的行爲「讓我們商討出一個適合你」點擊這創造了一個燈箱,並加載形式。
問題是,您不能在任何字段中輸入空格,它似乎接受任何其他字符,數字和符號,但不接受空格。
我已經查看了JS中任何keyCode的代碼,但是找不到任何與空格有關的東西。
你能複製這個問題嗎?你能告訴我發生了什麼事嗎?
原因未知: 通過將lightbox從ajax加載轉換爲iframe來解決。
你可以簡單的寫下面的代碼:
$(document).ready(function(){
$("#id").keydown(function(event) {
if(event.shiftKey)
{
event.preventDefault();
}
if (event.keyCode == 32) {
event.preventDefault();
}
});
});
「ID」 是你的文本框 「id」 屬性值。
我無法得到這個工作,因爲表單是由ajax加載的,因此它不會連接事件(或者它出現)。 – sixfive
您可以通過設置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();
}
}
});
我有類似的問題。發現,它有'enableKeys'選項。
有更多的方式來設置這個選項,但由於某些原因,我僅這一項工作:
Shadowbox.init({
skipsetup: true,
enableKeys: false
});
這裏有一些其他的解決方案中提到http://shadowbox.1309102.n2.nabble.com/Can-t-add-space-in-text-input-td4518072.html
請在答案正文中包含來自鏈接的相關信息。鏈接可能會死/腐爛/移動或以其他方式變得不可用。 – EWit
看看[這裏](HTTP ://stackoverflow.com/questions/1987439/space-bar-not-working-in-form-fields)SO問題。 –
@sixfive這是您的網站嗎? –
我看到一些JavaScript替換字符串與正則表達式,不知道它確切地做了什麼,但你應該檢查它。你能提出一些代碼嗎? –