2014-01-15 21 views
0

我最近一直在使用html + js + css,並在Chrome和Firefox中發現了一個非常奇怪的問題。在Chrome中,表單未提交兩個字段

我有一個有幾個字段的表單,但它沒有按下輸入提交。我想知道可能是什麼原因。如果我刪除所有字段並只保留一個字段,它會被正確提交。

它真的是Chrome/Firefox的錯誤還是我在做夢?

代碼1:(正常工作,提交表單上輸入)

<html> 
<head> 
<meta charset=utf-8 /> 
<title>JS Bin</title> 
</head> 
<body> 
    <form> 
    <input type="text" /> 
    </form> 
</body> 
</html> 

代碼2:(不工作,形式不上輸入提交)

<html> 
<head> 
<meta charset=utf-8 /> 
<title>JS Bin</title> 
</head> 
<body> 
    <form> 
    <input type="text" /> 
    <input type="text" /> 
    </form> 
</body> 
</html> 

演示:

1字段:http://jsbin.com/IFowenev/4/edit(正常工作,提交表單上輸入)

2場:http://jsbin.com/IFowenev/3/edit(不工作,形式不上輸入提交)

+0

他們真的很重要嗎? –

+0

已經嘗試過'name'和'id'屬性。什麼都沒發生。 –

+0

據我記得只有自動提交輸入,如果它有一個單一的領域。爲什麼會是一個錯誤?我不認爲任何瀏覽器都會爲您提供有關輸入處理的任何保證。 如果你想確定,你可以隨時在JS中處理它。 –

回答

1

這裏是一個quotation for jQuery's submit功能...

根據如果表單只有一個文本字段,或者只有 是存在提交按鈕時,Enter鍵纔可以提交表格 。接口不應該依賴此密鑰的特定行爲,除非問題被 強制遵守按下Enter鍵的按鍵事件。

現在,如果您想「自動提交」表單,您只能有一個輸入文本元素或者只需向表單添加一個提交按鈕。

1

當在一種形式僅一個單行文本輸入域, 用戶代理應該接受在該領域爲提交 形式的請求輸入。

Hypertext Markup Language - 2.0

得到可靠的結果,我建議使用JavaScript來提交輸入。