在jQuery ajax中按鈕button和submit的區別分析

2024-05-06 14:21:12

字體：大中小

來源：轉載

供稿：網友

代碼如下:
<script type="text/javascript">
$(document).ready(function(){
$("#submit").click(function(){
$.post("sendPwd.php",{QQnum:$("#QQnum").val(),psw:$("#psw").val()},function(data){
$("#aaa").html(data);
},"html");
});
});
</script>

jQuery ajax的post方法這樣寫應該是沒有問題的，點擊submit提交按鈕，sendPwd.php通過$_POST接收傳過來的值，然后echo一段數據。然而卻始終無法顯示傳回來的值。原因在這里：
代碼如下:
<input type="submit" name="submit" id="submit" value="提交" />

提交按鈕的類型是submit，點擊之后毫無反應。因為無意發現有次點擊瞬間結果出來了，又變回去了，于是發現詭異，上網一查，發現大部分都把按鈕設置成button類型，于是改成button之后，問題解決了。

按鈕button和submit有什么區別呢？
submit主要是提交表單，是一個特殊的button，執行提交動作，button主要配合用javascript操作，本身就是一個按鈕，這是根本區別。如果要使用submit，驗證需要return false。本人覺得還是設置成button更加方便操作。

上一篇：jQuery學習筆記操作jQuery對象 CSS處理

下一篇：html中的input標簽的checked屬性jquery判斷代碼