在代碼背後調用Javascript函數

Question

我是Asp.Net的新手，我希望我的登錄頁面在按鈕上使用Java腳本進行驗證，但在.cs文件上。這裏是我的代碼：

<script type="text/javascript"> 
    function CheckisEmpty() 
    { 
     var username = document.getElementById('txtUserName').innerHTML; 
     var password = document.getElementById('txtPwd').innerHTML; 

     if (username != '' || password != '') 
     { 

      return true; 
     } 
     else 
     { 
      alert("Feild Cannot Be Left Blank"); 
      return false; 
     } 

    } 
</script> 

<asp:Button ID="btnLogin" Text="Login" runat="server" Width="120px" OnClick="btnLogin_Click" OnClientClick="return CheckisEmpty();" CssClass="button"></asp:Button> 

btnLogin.Attributes.Add("OnClick", "CheckisEmpty()"); 

我在哪裏錯了？

Answer 1

你的aspx頁面上的按鈕onClientClick="CheckisEmpty()"

添加此屬性不需要做的.cs頁面上。

這樣，首先將執行js函數，如果驗證成功，則從js函數return true，否則return false並給用戶一些通知。當返回false時，該進程將不會繼續執行您的cs功能，因此頁面不會回發。