2014-02-09 39 views
0

出現問題,無法找到解決方案。 我正在寫一個聊天。當一個新用戶打開我的網站(一個新的會話)時,一個div就會出來,用戶被要求填寫他的名字。 當我使用輸入提交時,表單工作正常。我希望它在沒有提交按鈕的情況下工作,我希望它能在我按div時工作。 這裏是我的代碼 HTML:使用jquery提交表格

<form name="form" id="form" action="index.html" method="post"> 
<span id="nspan">First name:</span> <input type="text" id="firstname" name="name"> 
<div name="enter" id="enter">Submit</div> 
</form> 

jquery的:

$(document).ready(function(){ 
$("#enter").click(function() { 
$("#form").submit(); 
}); 
}); 
+0

實際上,這段代碼有效......問題在別的地方。 – sinisake

回答

0

沒關係是正確的 - 該代碼沒有問題。

這裏的的jsfiddle來證明這一點:http://jsfiddle.net/8Xk7z/

也許你的問題是,ID「形式」是通用名稱,你已經用它的另一種形式。

另一件事,爲什麼不使用按鈕或鏈接?你可以像你想要的那樣設計它。當你將東西用於他們不想用的東西時要小心,它會給我們帶來意想不到的副作用。 就你而言,你可能只能通過鼠標登錄聊天,這會排除盲人。您也無法使用tabulater來登錄「按鈕」。最後,如果你是盲人,並使用屏幕閱讀器,你實際上不會知道在登錄「按鈕」時,因爲讀者不會識別div,因爲你可以點擊。

我會建議使用按鈕標籤這樣

<button id="enter">Submit</button> 

或者這樣

<a href id="enter">Submit</a> 

的一個標籤。如果你不喜歡他們的預定義的造型你可能總是覆蓋造型。

0

嘗試在頁面頂部定義的jQuery

<script src="https://code.jquery.com/jquery-3.2.1.js"></script> 

然後把你的腳本在明年。

仍然存在問題。

請檢查您在同一頁上的其他功能是否正常工作。