2016-03-03 26 views
2

代码的基本形式在下面给出,我想纠正。当代码运行到.show()函数时,页面正在刷新。我不想那样。你能帮助我解决这个难题! 请参阅下面的代码:如何在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> 

回答

3

添加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()

+1

请不要忘记包含一点解释 –