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

HTML/CSS/JS 阅读: 189

有时候我们需要阻止表单,比如用户输入的信息没有验证通过时。
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;
    });

版权声明:本文为博主原创文章,转载需注明来自: 洛洛の空间