jQuery阻止表单提交的两种方法

Web前端 luoluolzb 浏览1532次

有时候我们需要阻止表单,比如用户输入的信息没有验证通过时。
jQuery阻止表单有两个方法:

监听form的submit事件

用jQuery监听表单元素的submit事件,在事件处理函数中返回false即可。
例子:

    <form>
        <input type="text" name="user" />
        <input type="password" name="password" />
        <button>submit</button>
    </form>
    $('form').submit(function(event) {
        return false;
    });

监听button的click事件

用jQuery监听提交按钮的click事件,在事件处理函数中阻止事件的默认行为。

例子:
html代码和上面相同,JavaScript代码如下:

    $('button').click(function(event) {
        event.preventDefault();  //阻止按钮点击后的默认行为
        return false;
    });

本文标签: JavaScript jQuery

版权声明:本文为作者原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://luoluolzb.cn/articles/55/jquery-zu-zhi-biao-dan-ti-jiao-de-liang-zhong-fang-fa
您需要登录后才发布评论。 点此登录
用户评论 (0条)

暂无评论,赶紧发表一下你的看法吧。