码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-02-14 13:46:45      阅读:434      评论:0      收藏:0      [点我收藏+]

标签:apt   return   form   orm   添加   span   ror   error   log   

<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按钮提交

标签:apt   return   form   orm   添加   span   ror   error   log   

原文地址:http://www.cnblogs.com/luoyingfeng/p/6396907.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!