发行event.PreventDefault()

Question

我在应用程序中使用twitter引导程序。我在$(document).ready()中给出了链接按钮的e.preventDefault，但它不起作用。

这是我的代码：

母版页：

<a id="lnkLogout" href="javascript:void(0);" onclick="PageLogout();"><i class="icon-off"></i>Logout</a>
<asp:Button ID="btnLogout" OnClick="btnLogout_Click" runat="server" class="hidden" />
<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $('#lnkLogout').click(function (e) { e.preventDefault(); });         
    });  
    function PageLogout() {
        $("#btnLogout").click();
    }                
</script>

MasterPage.aspx.cs：

protected void btnLogout_Click(object sender, EventArgs e)
{
    Session.Clear();
    Session.Abandon();
    Session.RemoveAll();
    Response.Redirect("~/SampleWindowCloser.htm");            
}

SampleDefaultPage.aspx：

<div class="row-fluid">
     <div class="form-horizontal">
          <h4 class="header blue bolder smaller">
              Contact</h4>
          <div class="control-group">
              <label for="form-field-email" class="control-label">
                    Email</label>
              <div class="controls">
                   <input type="text" style="width:200px;" data-val="true" 
                           data-val-required="Mobile Number is required."  
                           id="txtEmail">
                   <div class="space-3">
                   </div>
                   <span data-valmsg-replace="true" data-valmsg-for="txtEmail" 
                         class="field-validation-valid text-warning red"></span>
              </div>
          </div>
          <div class="control-group">
               <label for="form-field-website" class="control-label">
                      Phone Number</label>
               <div class="controls">
               <input type="text" style="width:200px;" 
                      id="txtPhno">                             
         </div>
   </div>   
</div>

我给txtEmail作为强制字段。如果我将该字段保留为空白，并单击母版页中的“注销”按钮，它将显示txtEmail是必需的。我会在Logout事件中进行任何验证。我已经给了preventDefault的注销链接。但仍然面临着一个问题。我应该能够注销，即使txtEmail是空的。

预先感谢大家的答复。

Answer 1

你试过return false吗？

  <a id="lnkLogout" href="javascript:void(0);" onclick="PageLogout(); return false;">

或者将PageLogout()与e.preventDefault()一起放入Click()事件处理程序中：

<a id="lnkLogout" href="javascript:void(0);"><i class="icon-off">
                        </i>Logout</a>

<script type="text/javascript" language="javascript">
  $(document).ready(function () {
  $('#lnkLogout').click(
   function PageLogout(e) {
         // more code here
         e.preventDefault(); });         
    });  
</script>

请参阅JSFiddle演示

Answer 2

尝尝这个,

$(document).ready(function () {
    $('#lnkLogout').click(function (e) { 
       e.preventDefault(); 
       // code for logout from application
    });         
}); 

 <a id="lnkLogout" href="javascript:void(0);"><i class="icon-off"></i>Logout</a>

更新的

$(document).ready(function () {
    $('#lnkLogout').click(function (e) { 
       e.preventDefault(); 
       $("#btnLogout").click();
    });         
});