blocks|key|858216|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|858217|$("#cpa-form").submit(function(e){
++++return+false;
});|code-block|syntax|javascript|858218|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this: 

<pre><code>$("#cpa-form").submit(function(e){
 return false;
});
</code></pre>

blocks|key|858227|text|$(document).ready(function(){
++++$("#form_id").submit(function(){
++++++++return+condition;
++++});
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|858228|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$(document).ready(function(){
 $("#form_id").submit(function(){
 return condition;
 });
});
</code></pre>

blocks|key|640869|text|使用新的"on“事件语法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|640870|$(document).ready(function()+{
++$('form').on('submit',+function(e){
++++//+validation+code+here
++++if(!valid)+{
++++++e.preventDefault();
++++}
++});
});|code-block|syntax|javascript|640871|引用：https://api.jquery.com/on/|offset|length|640872|entityMap|0|LINK|mutability|MUTABLE|url|https://api.jquery.com/on/^0|0|0|3|Q|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Use the new "on" event syntax.

<pre><code>$(document).ready(function() {
 $('form').on('submit', function(e){
 // validation code here
 if(!valid) {
 e.preventDefault();
 }
 });
});
</code></pre>

Cite: <a href="https://api.jquery.com/on/" rel="noreferrer">https://api.jquery.com/on/</a>

blocks|key|640881|text|$('#cpa-form+input[name="Next"]').on('click',+function(e){
++++e.preventDefault();
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|640882|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$('#cpa-form input[name="Next"]').on('click', function(e){
 e.preventDefault();
});
</code></pre>

blocks|key|858303|text|Hello寻求了一个解决方案，使Ajax表单与谷歌标签管理器(GTM)一起工作，返回false阻止了完成和提交事件的实时激活谷歌分析解决方案是更改返回false的e.preventDefault+()；这是正确工作的代码如下：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|858304|+$("#Contact-Form").submit(function(e)+{
++++e.preventDefault();
+++...
});|code-block|syntax|javascript|858305|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Hello sought a solution to make an Ajax form work with Google Tag Manager (GTM), the return false prevented the completion and submit the activation of the event in real time on google analytics solution was to change the return false by e.preventDefault (); that worked correctly follows the code:

<pre><code> $("#Contact-Form").submit(function(e) {
 e.preventDefault();
 ...
});
</code></pre>

blocks|key|858317|text|你的代码很好，只是你需要把它放在ready函数中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|858318|$(document).ready(+function()+{
++$("#cpa-form").submit(function(e){
+++++e.preventDefault();
++});
}|code-block|syntax|javascript|858319|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Your Code is Fine just you need to place it inside the ready function.

<pre><code>$(document).ready( function() {
 $("#cpa-form").submit(function(e){
 e.preventDefault();
 });
}
</code></pre>

blocks|key|858360|text|这是一个古老的问题，但这里公认的答案并没有真正触及问题的根源。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|858361|你可以用两种方法来解决这个问题。首先是jQuery：|858362|$(document).ready(+function()+{+//+Wait+until+document+is+fully+parsed
++$("#cpa-form").on('submit',+function(e){

+++++e.preventDefault();

++});
})|code-block|syntax|javascript|858363|或者不使用jQuery：|858364|//+Gets+a+reference+to+the+form+element
var+form+=+document.getElementById('cpa-form');

//+Adds+a+listener+for+the+"submit"+event.
form.addEventListener('submit',+function(e)+{

++e.preventDefault();

});|858365|您不需要使用return+false来解决此问题。|offset|length|style|CODE|858366|entityMap^0|0|0|0|0|0|6|C|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|Z|8|@$O|10|P|11|Q|R]]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

This is an ancient question, but the accepted answer here doesn't really get to the root of the problem.
You can solve this two ways. First with jQuery:
<pre><code>$(document).ready( function() { // Wait until document is fully parsed
 $(&quot;#cpa-form&quot;).on('submit', function(e){

 e.preventDefault();

 });
})
</code></pre>
Or without jQuery:
<pre><code>// Gets a reference to the form element
var form = document.getElementById('cpa-form');

// Adds a listener for the &quot;submit&quot; event.
form.addEventListener('submit', function(e) {

 e.preventDefault();

});
</code></pre>
You don't need to use <code>return false</code> to solve this problem.

blocks|key|640973|text|e.preventDefault()只有在您的javascripts上没有问题时才能正常工作，如果e.preventDefault()不能工作，请检查您的javascripts。可能JS的其他部分也不能工作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|640974|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

e.preventDefault() works fine only if you dont have problem on your javascripts,
check your javascripts if e.preventDefault() doesn't work chances are some other parts of your JS doesn't work also

blocks|key|858436|text|我也遇到过类似的问题。对我来说，问题是JS文件在DOM呈现发生之前就加载了。因此，将您的<script>移到<body>标记的末尾。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|858437|或者使用defer。|858438|<script+defer+src="">|code-block|syntax|javascript|858439|因此，请放心，e.preventDefault()应该可以工作。|858440|entityMap^0|18|8|1I|6|0|0|0|7|I|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|O|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|P|$]]

Well I encountered a similar problem. The problem for me is that the JS file get loaded before the DOM render happens. So move your <code>&lt;script&gt;</code> to the end of <code>&lt;body&gt;</code> tag.

or use defer.

<pre><code>&lt;script defer src=""&gt;
</code></pre>

so rest assured <code>e.preventDefault()</code> should work.

blocks|key|641062|text|只需定义您的按钮类型，这将阻止表单刷新网页|type|unstyled|depth|inlineStyleRanges|entityRanges|data|641063|<button+type="button"+id="saveBtn">Save</button>|code-block|syntax|javascript|641064|+$('#saveBtn').click(function()+{

+});|641065|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|M|8|@]|9|@]|A|$E|F]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Just define your button type and this will prevent the form to refresh the webpage
<pre><code>&lt;button type=&quot;button&quot; id=&quot;saveBtn&quot;&gt;Save&lt;/button&gt;
</code></pre>
<pre><code> $('#saveBtn').click(function() {

 });
</code></pre>

What's wrong with this?

HTML:

<pre><code>&lt;form action="http://localhost:8888/bevbros/index.php/test" method="post" accept-charset="utf-8" id="cpa-form" class="forms"&gt; 
 &lt;input type="text" name="zip" value="Zip code" id="Zip" class="required valid"&gt; 
 &lt;input type="submit" name="Next" value="Submit" class="forms" id="1"&gt;
 &lt;/form&gt;
</code></pre>

jQuery:

<pre><code>$("#cpa-form").submit(function(e){
 e.preventDefault();
 });
</code></pre>

Prevent Default on Form Submit jQuery

jQuery

这有什么问题吗？HTML：<form action="http://localhost:8888/bevbros/index.php/test" method="post" accept-charset="utf-8" id="cpa-form" class="forms"> <input t...

问阻止表单提交jQuery上的默认设置
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问阻止表单提交jQuery上的默认设置EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问阻止表单提交jQuery上的默认设置
EN