2015-04-29 38 views
0

我不知道發生了什麼。昨天,這是一個更大的劇本,我有。所以我試圖把它分解到最低限度,但仍然不起作用。JQuery簡單表單和序列化停止工作

<!DOCTYPE html> 
 
<head> 
 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
 
<title>Test</title> 
 
</head> 
 

 
<body> 
 
\t <script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 
 
\t \t <form> 
 
\t \t \t <textarea name="customer_type">1</textarea> 
 
\t \t </form> 
 

 
\t \t <script LANGUAGE="JavaScript" TYPE="text/javascript"> 
 
\t \t \t $("form").on("submit", function(event) { 
 
\t \t \t event.preventDefault(); 
 
\t \t \t console.log($(this).serialize()); 
 
\t \t \t }); 
 
\t \t </script> 
 
</body> 
 
</html>

似乎不被執行的功能。它再次在一個更大的腳本中正常工作。我用Firefox使用Firebug運行它。我甚至回到了那個我認爲我有一些語法錯誤並重新粘貼它的功能的網站。

回答

1

確保您添加了submit按鈕。看看我的小提琴:http://jsfiddle.net/606wft3p/

+0

好吧,那太瘋狂了。看看:https://api.jquery.com/serialize/它昨天沒有提交按鈕,誠實地工作。但是,嘿,它現在正在工作。我的原始腳本只是採取表單數據,所以我可以快速測試一個Ajax調用。必須是月亮。不管怎樣,謝謝。仍然很奇怪。 – Michael

+0

什麼是瘋狂的?你調用'.on(「submit」)' – MannfromReno

+0

如果你想序列化爲選擇改變,使用'.on(「change」)'和另一個函數來序列化表單,因爲他們在jquery api示例 – MannfromReno