在后面的代码上调用Javascript函数

Question

我是Asp.Net的新手，我希望我的登录页面能够在Button Click上使用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功能，因此页面不会回发。