如何在show（）後禁用刷新（）

Question

代碼的基本形式在下面給出，我想糾正。當代碼運行到.show（）函數時，頁面正在刷新。我不想那樣。你能幫助我解決這個難題！ 請參閱下面的代碼：

代碼：

$(document).ready(function() { 
    $("#mandate").hide(); 
    $("#submit").click(function() { 
     var password = $("#password").val(); 
     if(password=='') { 
      $("#mandate").show(); 
     } 
     else { 
      alert("Form Submitted Successfully..!!"); 
     } 
    } 
} 

HTML：

<p id="mandate"><font color="red">Password is mandatory*</font></p> 

Answer 1

添加return false;到您的代碼。

$(document).ready(function() { 
     $("#mandate").hide(); 
     $("#submit").click(function() { 
     var password = $("#password").val(); 
     if(password=='') { 
      $("#mandate").show(); 
      return false; 
     } 
     else 
     { 
     alert("Form Submitted Successfully..!!"); 
     } 
}); 

返回false將返回false到事件。這會告訴瀏覽器停止關注事件，如跟隨鏈接。它類似於event.preventDefault()