e.preventDefault

有时候点击提交按钮会有一些默认事件。比如跳转到别的界面。但是如果没有通过验证的话，就不应该跳转。这时候可以通过设置event.preventDefault(); //阻止默认行为 ( 表单提交 )。

下面是案例：

<script type="text/javascript">
$(function(){$("#sub").bind("click",function(event){var username = $("#username").val();  //获取元素的值，val() 方法返回或设置被选元素的值。if(username==""){     //判断值是否为空$("#msg").html("<p>文本框的值不能为空.</p>");  //提示信息event.preventDefault();  //阻止默认行为 ( 表单提交 )
         }})
})
</script>

html部分：

<body>
<form action="test.html">
用户名：<input type="text" id="username" />
<br/>
<input type="submit" value="提交" id="sub"/>
</form><div id="msg"></div>
</body>

还有一种防止默认行为的方法就是return false。效果一样。

代码如下：

<script type="text/javascript">
$(function(){$("#sub").bind("click",function(event){var username = $("#username").val();  //获取元素的值if(username==""){     //判断值是否为空$("#msg").html("<p>文本框的值不能为空.</p>");  //提示信息return false;}})
})
</script>

e.preventDefault相关推荐

js中的preventDefault与stopPropagation详解
1. preventDefault: 比如<a href="http://www.baidu.com">百度</a>,这是html中最基础的东西,起的作用就 ...
event.stopPropagation和event.preventDefault有什么区别？
他们似乎在做同样的事情--是现代的还是老的? 还是不同的浏览器支持它们? 当我自己处理事件(没有框架)时,我总是检查两者并执行(如果存在). (我也return false ,但是我感觉不适用于与no ...
jQuery的preventDefault()
1. 含义: preventDefault() 方法阻止元素发生默认的行为(例如,当点击提交按钮时阻止对表单的提交). 2. 语法: event.preventDefault() 3. 例子: 防止链 ...
js中的preventDefault
preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情. JS阻止链接跳转 <script type="text/javascript"> fu ...
js事件之event.preventDefault()与event.stopPropagation()用法区别
event.preventDefault()将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作).例如,如果 type 属性是 "submit",在事件传播的任 ...
[JavaScript]return false;和e.preventDefault();的区别
function() {return false; }// IS EQUAL TOfunction(e) {e.preventDefault();e.stopPropagation(); } 参考: ...
jQuery之防止【冒泡事件】，阻止默认行为【return false】 event.stopPropagation event.preventDefault...
知识点: event.stopPropagation() 阻止冒泡 event.preventDefault() 阻止默认事件,比如button提交后跳转到链接页面两者都可以用 return ...
e.preventdefault() 别滥用
有的时候我们会为事件回调函数添加一个参数(通常是e),并在函数中加入e.preventdefault():以取消默认行为.由于习惯,我顺手将它写到了一个checkbox的change事件中.由于不同的 ...
js中的preventDefault与stopPropagation详解（转）
先讲解一下js中preventDefault和stopPropagation两个方法的区别: preventDefault方法的起什么作用呢?我们知道比如<a href="http:/ ...
preventDefault() 方法取消事件的默认动作
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

e.preventDefault

e.preventDefault相关推荐

最新文章

热门文章