jquery提交事件無法正常工作

你好我試圖抓住提交事件，然後我嘗試彈出一個警告，說「werks」，所以我知道它的工作原理。請注意，我已經仔細檢查過jquery.js文件存在於同一個文件夾中，它是jquery網站上最新的jquery.min.js。jquery提交事件無法正常工作

當我提交表單時，它會自動進入「獲取」模式，並在我的瀏覽器的URL欄中顯示該URL：「http://localhost/test.html?input=」，而不是向我顯示警報。我認爲jquery是在拖我。下面的完整代碼：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>test</title> 
     <script type="text/javascript" src="jquery.js"></script> 
     <script type="text/javascript"> 
      $('#form').submit(function(event){ 
       event.preventDefault(); 
       alert('werks'); 
      });</script> 
    </head> 

    <body> 
      <form id="form"> 
       <input type="text" name="input"> 
       <input type="submit" value="Send"> 
      </form> 
    </body> 

</html>

來源

2013-10-18 user2893664

附上您的代碼$（函數（）{... jQuery代碼...}）; –

$('#form')選擇器不返回任何內容，因爲標記表單尚未加載。在表單之後移動腳本塊，或將其包裝在$(document).ready(function() { ... })中。

來源

2013-10-18 07:58:32

你需要把它放在一個文件準備好聲明：在文檔

$(document).ready(function(){ 

     //Code Here 

});

來源

2013-10-18 07:57:45 w3bMak3r

<script type="text/javascript"> 
$(function(){ 
    $('#form').submit(function(event){ 
    event.preventDefault(); 
    alert('werks'); 
    }); 
</script>

來源

2013-10-18 07:58:01

火你的js代碼準備這樣的：

$(function() { 
    $('#form').submit(function(event){ 
     event.preventDefault(); 
     alert('werks'); 
    }); 
});

來源

2013-10-18 07:58:26

試試下面的代碼：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>test</title> 
     <script type="text/javascript" src="jquery.js"></script> 
    </head> 
    <body> 
      <form id="form"> 
       <input type="text" name="input"> 
       <input type="submit" value="Send"> 
      </form> 
    </body> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#form').submit(function(event){ 
       event.preventDefault(); 
       alert('werks'); 
      }); 
     }); 
    </script> 
</html>

來源

2013-10-18 07:58:40 Udan

jquery提交事件無法正常工作

回答

相關問題