防止表單使用jQuery提交

所以這讓我感到非常緊張。此代碼，防止表單使用jQuery提交

$('#the_form').submit(function(e){ 
      alert("Submit!"); 

      return false; 
      e.preventDefault(); 
     });

應該阻止我的HTML表單，

<form id="the_form"> 
       <input type="text" name="q" /> 
       <input type="submit" /> 
      </form>

從刷新頁面，但事實並非如此。有沒有人有這方面的見解？

2012-10-24 J3RN

無碼return'語句後執行'包裹。 – nrodic

http://jsfiddle.net/oceog/G9JLG/1它的工作原理是，但是，沒有preventDefault（）需要。 –

嘗試從您的代碼中刪除return false，或者將其放在e.preventDefault()之後。

2012-10-24 00:51:56 KaeruCT

$(function() { 
    $('#the_form').on('submit', function(e){ 
     e.preventDefault(); 
     alert("Submit!"); 
    }); 
});

2012-10-24 00:54:07 adeneo

我正在考慮文檔準備處理程序。這應該是問題。 – undefined

@undefined我認爲你是對的，因爲'return false'，阻止表單提交 –

@eicto是'return false === event.preventDefault（）+ event.stopPropagation（）;' – undefined

只是刪除的return聲明..

同時確保您的代碼在DOM準備好處理程序

$(document).ready(function() { 
    $('#the_form').submit(function(e){ 
     alert("Submit!"); 
     e.preventDefault(); 
    }); 
});

2012-10-24 00:55:17

回答