在提交时停止表单刷新页面

Question

在提交时停止表单刷新页面在没有字段中任何数据的情况下按下“发送”按钮时，如何防止页面刷新？验证工作正常，所有字段都是红色的，但是页面会立即刷新。我对JS的了解是比较基础的。特别是我觉得processForm()底部的函数是“坏”。HTML<form id="prospects_form" method="post">     <input id="form_name" tabindex="1" class="boxsize" type="text" name="name" placeholder="Full name*" maxlength="80" value="" />     <input id="form_email" tabindex="2" class="boxsize" type="text" name="email" placeholder="Email*" maxlength="100" value="" />     <input id="form_subject" class="boxsize" type="text" name="subject" placeholder="Subject*" maxlength="50" value="FORM: Row for OUBC" />     <textarea id="form_message" class="boxsize" name="message" placeholder="Message*" tabindex="3" rows="6" cols="5" maxlength="500">     </textarea>     <button id="form_send" tabindex="5" class="btn" type="submit" onclick="return processForm()">Send</button>     <div id="form_validation">         <span class="form_captcha_code"></span>         <input id="form_captcha" class="boxsize" type="text" name="form_captcha" placeholder="Enter code" tabindex="4" value="" />     </div>     <div class="clearfix"></div></form>

Answer 1

您可以防止表单与

$("#prospects_form").submit(function(e) {
    e.preventDefault();});

当然，在函数中，您可以检查空字段，如果有任何不正确的地方，e.preventDefault()将停止提交。

Answer 2

将按钮类型替换为button:

<button type="button">My Cool Button</button>