有时候我们需要阻止表单,比如用户输入的信息没有验证通过时。
jQuery阻止表单有两个方法:
用jQuery监听表单元素的submit事件,在事件处理函数中返回false
即可。
例子:
<form>
<input type="text" name="user" />
<input type="password" name="password" />
<button>submit</button>
</form>
$('form').submit(function(event) {
return false;
});
用jQuery监听提交按钮的click事件,在事件处理函数中阻止事件的默认行为。
例子:
html代码和上面相同,JavaScript代码如下:
$('button').click(function(event) {
event.preventDefault(); //阻止按钮点击后的默认行为
return false;
});
本文标签: JavaScript jQuery
暂无评论,赶紧发表一下你的看法吧。