javascript - 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()
    // ....
}

这篇关于javascript - Form表单点击submit按钮提交，可以阻止页面跳转到action地址吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！