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

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&nbsp;type="button">My&nbsp;Cool&nbsp;Button</button>