Form表单点击submit按钮提交,可以阻止页面跳转到action地址吗?

晕死,这个问题搞了我一个下午。

<form method='post' action='http://192.168.58.100:89/api/rest'>
    <input type='text' name='username'>
    <input type='submit' value='提交'>
</form>

我现在想点击提交,页面不要跳转到action那个地址,还是留在当前页面,可以实现吗?我在网上找了一些资料也没解决。

监听 form 的 onsubmit 事件

$('form').on('submit', function (e) {
    e.preventDefault()
    // ....
}

可以改成ajax的形式

一定要用form嘛。改成js ajax试一下。把submit改成button。action去掉。在ajax里提交表单,虽然麻烦一点。但是可以解决你的问题。

e.preventDefault() +1

用AJAX方式发送请求吧

把<input type=’submit’ value=’提交’>改成<input type=’button’ value=’提交’>
给button添加click事件,然后添加条件判断是否要提交,如果要提交,则触发form.submit()事件,否则,return false则可以达到你想要的结果。

最后建议你看一下input type=”submit” 和”button”的区别,以免下次弄表单的时候再掉在这个坑
http://www.zhihu.com/question

为submit增加一个onclick事件, 然后在事件函数中return false就阻止了, return true不阻止.

把type=“submit”改为 type=“button”。

form表单里加onsubmit=”return false”

  • gulp打包引入文件路径在生产环境和开发环境下的切换
  • node 调试技巧
  • 如何截取URL
  • android 2.3.5 form target 无响应?
  • requireJS的domready好像和windon.onload是等价的?
  • swiperjs 在移动端 又手指滑动 会顿卡 ,怎么解决呢
  • firfox下readonly属性的text能否不让光标进去?
  • js怎么禁用一个点击事件,完了之后怎么让它再启用
  • 求大神来看看我的bug什么原因
  • 安卓平台微信浏览器中视频播放如何禁止全屏?
  • 简单的JS切换图片功能