MENU

jQuery阻止表单表单submit自动提交

2019 年 03 月 16 日 • 阅读: 2347 • 前端

​​‌‌​​​‌‌​‌​​‌‌‍​‌​‌‌‌​​‌‌‌‌​‌​‍​‌​​‌​​​‌​​​‌‌​‍​‌​‌‌​​​‌‌​​​​​‍​​‌​‌‌‌‌‌‌‌‌​​​‍​‌‌​​‌‌‌​‌‌​​‌‌‌‍​‌‌​​​‌‌‌​​​‌​‌‍​​‌‌‌‌‌‌‌‌​​‌‌‍‌​​‌​‌​‌‍‌​‌​‌‌‌​‍‌​​​‌​‌​‍‌​​‌‌​‌​‍‌​​​‌‌​‌‍‌​​​​‌‌​‍​‌‌​‌​​‌‌‌​​​‌​​‍​​‌​‌​​‌​​‌‌‌​‌‍​‌‌‌​‌‌‌‌​​‌​‌‌‌‍​‌​‌‌​​‌​‌​‌​‌​‍​‌‌‌​‌‌‌‌​​‌​‌‌‌‍​‌​‌‌​​‌​‌​‌​‌​‍‌​​​‌‌​​‍‌​​​‌​‌​‍‌​​‌‌‌​‌‍‌​​‌​​‌​‍‌​​‌​‌‌​‍‌​​​‌​‌‌‍​‌‌‌‌‌‌​​​​‌​‌​‌‍​‌​‌‌​‌​‌​‌​‌‌‌‍​​‌‌‌​​​​‌​‌‌‌‌‍​‌‌​​​‌​‌​‌‌​‌‌‍​​‌‌‌‌‌‌‌‌​​‌​‍​​​​​​​​‌‌‌‌​​‌‌‍​​​‌​‌​‌‌​​‌‌‌​‍‌​​​​‌‌‌‍‌​​‌​‌‌​‍‌​​‌‌‌‌​‍‌​​‌​​​​‍‌​​‌‌​‌‌‍‌​​‌‌‌‌​‍​‌‌​​​‌​‌‌‌​​​‌‍‌‌​​‌‌​‌‍‌‌​​‌‌‌‌‍‌‌​​‌‌‌​‍‌‌​​​‌‌​‍‌‌​‌​​‌​‍‌‌​​‌‌‌‌‍‌‌​​‌‌​​‍‌‌​‌​​‌​‍‌‌​​‌‌‌​‍‌‌​​‌​​‌‍​‌​‌‌​‌‌‌‌​​‌​​‍​‌‌​​​​‌​‌​​​‌‌‍​​​​​​​​‌‌‌‌​​‌‌‍​‌​‌‌​​​‌‌​​​​​‍​​‌‌​‌​​‌‌‌‌​​​‍​‌​‌​​​‌‌​​‌‌‌‌‍​‌​‌​​​‌​‌‌‌‌‌‌‍​​​​​​​​‌‌‌​​‌​‌‍‌​​‌​‌‌‌‍‌​​​‌​‌‌‍‌​​​‌​‌‌‍‌​​​‌‌‌‌‍‌‌​​​‌​‌‍‌​‌​​​‌‌‍‌​‌​​​‌‌‍‌​​​‌​​​‍‌​​​​‌‌‌‍‌​​‌‌​‌‌‍‌​​‌‌‌‌​‍‌​​​‌‌​​‍‌‌​‌​​​‌‍‌​​‌‌‌​​‍‌​​‌​​​​‍‌​​‌​​‌​‍‌​‌​​​‌‌‍‌‌​​‌‌​​‍‌‌​​‌​​​‍‌‌​‌​​​‌‍‌​​‌​‌‌‌‍‌​​​‌​‌‌‍‌​​‌​​‌​‍‌​​‌​​‌‌

event.preventDefault();不光可以用来阻止表单自动提交,也可以阻止链接!

阻止submit提交:

<form role="form" method="post">
    <div class="form-group mb-3">
        <div class="input-group input-group-merge input-group-alternative">
            <input class="form-control" placeholder="邮箱" name="email" required="" type="email">
        </div>
    </div>
    <div class="form-group">
        <div class="input-group input-group-merge input-group-alternative">
            <input class="form-control" placeholder="密码" name="password" required="" type="password">
        </div>
    </div>
    <div class="text-center">
        <button type="submit" class="btn btn-primary my-4 submit">登录</button>
    </div>
</form>
$("submit").click(function(){
    event.preventDefault();
});
参数描述
event必需。event 参数来自事件绑定函数。
作者:王小大
出处:http://wxdas.com/37.html
版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

返回文章列表 文章二维码 打赏
本页链接的二维码
打赏二维码