防止表单使用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

回答