.click（）不起作用。 jquery

Question

在我的login.aspx我試圖執行簡單的客戶端驗證（檢查用戶名和密碼字段是否爲空）點擊按鈕。但jquery中的.click（）並沒有觸發。我哪裏錯了。

注意：我有一個事件LoginButton_點擊後面有一些功能的代碼。

<script src="Scripts/Login.js" type="text/javascript"></script> 

<td align="right" colspan="2"> 
    <asp:Button ID="LoginButton" runat="server" Text="Log In" 
     onclick="LoginButton_Click" class ="validateForm" /> 
</td> 

我login.js文件：

$(function() { 

    $('#LoginButton').click(function() { 

      var username = $('#txtUserName'); 
      var pwd = $('#txtPassword'); 
      if (username.val().length <= 0) { 
       alert("User Name is required."); 
       return false; 
      } 
      if (pwd.val().length <= 0) { 
       alert("Password is required."); 
       return false; 
      } 

     }); 
}); 

在此先感謝

BB

Answer 1

我想你想的OnClientClick。

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.button.onclientclick.aspx

以防萬一有人在那裏在乎...

<script src="Scripts/Login.js" type="text/javascript"></script> 

<td align="right" colspan="2"> 
    <asp:Button ID="LoginButton" runat="server" Text="Log In" 
     onclick="LoginButton_Click" onclientclick="validateLogin()" class ="validateForm" /> 
</td> 

login.js文件：

function validateLogin() { 

      var username = $('#txtUserName'); 
      var pwd = $('#txtPassword'); 
      if (username.val().length <= 0) { 
       alert("User Name is required."); 
       return false; 
      } 
      if (pwd.val().length <= 0) { 
       alert("Password is required."); 
       return false; 
      } 

      return true; 
} 

Answer 2

$("#<%= LoginButton.ClientID %>")不會對外部JavaScript文件。如果您想使用外部文件，請在aspx文件中創建一個全局變量並在JavaScript文件中訪問它。

---

編輯：

創建aspx文件全局變量。

var loginButtonId = <%= LoginButton.ClientID %>;

使用它的JavaScript文件

$("#" + loginButtonId).click(function() {...}); 

注：變量添加引用的JavaScript文件之前，應該申報。

Answer 3

因爲在你的.js文件，javascript中無法讀取的這個值：$("#<%= LoginButton.ClientID %>")
您需要： - 將這個代碼在你的HTML頁面的結尾。
或
- 將在js一個固定的選擇文件

Answer 4

這應該不會給你任何問題，我們利用通過與LoginButton結束其id屬性中選擇jQuery選擇。

$(function() { 
    $("input[id$=LoginButton]").click(function() { 

      var username = $("input[id$=txtUserName]"); 
      var pwd = $("input[id$=txtPassword]"); 
      if (username.val().length <= 0) { 
       alert("User Name is required."); 
       return false; 
      } 
      if (pwd.val().length <= 0) { 
       alert("Password is required."); 
       return false; 
      } 

     }); 
}); 

Answer 5

#LoginButton不存在。當asp按鈕被渲染時，它將被渲染成與包含它的ASP控件相關的專用ID，如ctrl00_mycontrol_panelid_LoginButton。你需要爲了把這個變成一個外部文件做的是使用全局變量：包括該登錄文件中

var loginButtonID; 
var txtUserNameID; 
var txtPasswordID; 

$(function() { 

    $(loginButtonID).click(function() { 

      var username = $(txtUserNameID); 
      var pwd = $(txtPasswordID); 
      if (username.val().length <= 0) { 
       alert("User Name is required."); 
       return false; 
      } 
      if (pwd.val().length <= 0) { 
       alert("Password is required."); 
       return false; 
      } 

     }); 
}); 

然後。js文件，你需要通過調用來設置這些變量：

<script type="text/javascript"> 

loginButtonID = '<%=LoginButton.ClientID%>'; 
txtUserNameID = '<%=txtUserName.ClientID%>'; 
txtPasswordID = '<%=txtPassword.ClientID%>'; 

</script> 

一定不要用新的「變種」修飾符重複聲明這些。這可能會破壞範圍並搞砸你的腳本。