有時候用戶的操作未滿足某些條件時，需要阻止某些元素的預設行為，如鏈接的跳轉和表單的提交等，jQuery 提供了 preventDefault() 方法來實現。當用戶未填寫用戶名時，阻止表單提交： Demo： 如果不使用 return false;或event.preventDefault(); 還是 ...
有時候用戶的操作未滿足某些條件時，需要阻止某些元素的預設行為，如鏈接的跳轉和表單的提交等，jQuery 提供了 preventDefault() 方法來實現。當用戶未填寫用戶名時，阻止表單提交：
Demo：
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="../scripts/jquery-1.3.1.js"></script> <script type="text/javascript"> $(function(){ $("#sub").bind("click",function(){ var username = $("#username").val(); //獲取元素的值 if(username==""){ //判斷值是否為空 $("#msg").html("<p>文本框的值不能為空.</p>"); //提示信息 //return false; //event.preventDefault(); //阻止預設行為 ( 表單提交 ) } }) }) </script> </head> <body> <form action="/index.html"> 用戶名：<input type="text" id="username" value="" /> <br/> <input type="submit" value="提交" id="sub"/> </form> <div id="msg"><b>我是divmsg</b></div> </body> </html>
如果不使用 return false;或event.preventDefault(); 還是會進行進行預設的 提交事件，使用事件即可阻止。
