2012-04-06 68 views
1

我有一個在我的網站上做登錄的表單。爲了讓表單看起來更好,我使用了一個使用onclick =「login()」的提交按鈕的div。除了一件事之外,這很好:當你輸入你的用戶名,點擊標籤,輸入你的密碼,按回車,按回車鍵不提交表格。表格提交與div

是否有無論如何獲取表單提交輸入沒有寫瘋狂的JavaScript來觀看按鍵?或者更好的是,有沒有一種方法可以讓提交按鈕的樣式不像使用圖像時不像按鈕?

我的按鈕實際上就是我爲了看起來可點擊而設計的文本。

在此先感謝!

回答

1

風格你的提交按鈕,看起來像純文本:

#mySubmitButton { 
    background:none!important; 
    border:none; 
    padding:0!important; 
} 
0

集:

background-color: transparent; 
border-width: 0; 

在您的按鈕,現在是回看起來像普通的文本。從那裏出發。

1

不要。如果您的用戶沒有JavaScript,他們將永遠無法提交您的表單。您必須始終讓您的網站在沒有JavaScript的情況下使用這叫做Graceful degradationProgressive enhancement

否則,它會是這樣的:

document.getElementById('your-form').onkeypress = function(e) { 
    if (e.keyCode === 13) { // If the key pressed is [Enter]. See here for a list: http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes 
     login() 
    } 
}