2014-02-10 61 views
1

如何隱藏表單提交按鈕,但保持其功能(在提交表單中鍵入Return/Enter)?jQuery:隱藏表單提交按鈕,但保留功能

使用.hide()(或display:none通過CSS)刪除提交退貨功能。

+2

按下回車鍵/返回提交表單已經是默認的行爲 – helion3

+0

@ helion3是正確的。你有沒有其他的代碼可能會干擾? –

回答

2

而不是使用display: none;的,使用visibility: hidden;

+0

在DOM中留下空間 - 通常不會產生理想的效果。 – isherwood

+0

這是一個重要的區別。使用「visibility:hidden」將允許事件到達對象,而「display:none」不會。 –

+0

@isherwood:您始終可以使用CSS來更改大小或解決您所描述的問題。這裏的想法是可見性:隱藏;將仍然允許按鈕呈現並且功能性。 – Lochlan

1

我不知道爲什麼它會是必要的,但你可以使用這種類型的CSS:

http://jsfiddle.net/isherwood/58Y76

input[type="submit"], button[type="submit"] { 
    position: absolute; 
    left: -999em; 
} 

這使一個元素離屏沒有滾動條。

+1

這可能會導致用戶得到一個長的水平滾動條。 –

+0

沒有。我一直用它來訪問。 – isherwood

+0

看到小提琴。我很想知道是否有人在邊緣瀏覽器中獲得滾動條。 – isherwood

0

我用<button id="tmp"></button>而不是<input type="submit"></input>

然後在CSS:

#tmp{ 
    display:none 
}