2012-08-09 79 views
1

下面我有一些代碼:jQuery的提交不火

<!doctype html> 
<html lang="en"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title>StarTrackr!</title> 
     <script src="../../lib/jquery-1.7.1.min.js" type="text/javascript" 
     charset="utf-8"></script> 
     <script type="text/javascript"> 
     $(document).ready(function() { 

      $('div').load('1.htm'); 
      // The above function does work 

      $("#testform").submit(function() { 
       //Code after form submitted and this does not fire 
       alert("hi"); 
      });  
     });   
     </script> 
    </head> 
    <body> 
     <div></div> 
     <form id="testform">Email: 
      <input type="text" name="email" /> 
      <br />First Name: 
      <input type="text" name="fname" /> 
      <br />Last Name: 
      <input type="text" name="lname" /> 
      <br /> 
      <input type="button" name="submit" id="submit" value="Submit" /> 
     </form> 
    </body>  
</html> 

當我點擊提交按鈕,警報(HI)應該彈出,但事實並非如此。有誰知道爲什麼?假設jQuery庫正確

感謝, 吉姆

+1

變化'輸入類型= 「按鈕」''到輸入類型= 「提交」' – 2012-08-09 16:00:35

回答

4

input需要裝載有type="submit",不type="button"

+0

+1更好的編輯! – iambriansreed 2012-08-09 16:02:29

+0

倉庫 - 謝謝!類型=按鈕直接出自Jquery的一本書,我錯過了一個錯字。 – 2012-08-09 16:08:35

0
<input type="button" name="submit" id="submit" value="Submit" /> 

更改類型= 「按鈕」 類型= 「提交」