Question

如何阻止form表单中的button按钮提交

Answer 1

<form action="#" method="post">
<input type="text" name="username" class="username" placeholder="请输入您的用户名！">
<input type="password" name="password" class="password" placeholder="请输入您的用户密码！">
<input type="Captcha" class="Captcha" name="Captcha" placeholder="请输入验证码！">
<button type="submit" class="submit_button">登录</button>
<div class="error"><span>+</span></div>
</form>

每次我们点击button，button都会自动跳转刷新。如何阻止它呢？很简单！

将button代码改成

<button type="submit" class="submit_button" onClick=“submitAction();return false;”>登录</button>

这样它就不会执行默认表单提交了！