首页 > 代码库 > 如何阻止form表单中的button按钮提交
如何阻止form表单中的button按钮提交
<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>
这样它就不会执行默认表单提交了!
如果不喜欢这样处理,也可以在js按钮触动代码末尾中添加return false;同样可以达到相同效果!
如何阻止form表单中的button按钮提交
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。