2012-08-09 80 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" /> 

更改类型= “按钮” 类型= “提交”