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="return false"

---

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

---

监听 form 的 onsubmit 事件

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

---

e.preventDefault() +1

---

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

---

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

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

---

可以改成ajax的形式

---

用AJAX方式发送请求吧

---

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