javascript - 需要帮助使用 javascript 进行登录验证

Question

我在使用 javascript 进行登录验证时遇到问题。当用户未提供任何用户名或密码时，弹出消息显示请输入用户名和密码。我希望当用户不提供用户名时弹出消息会出现请输入用户名，然后如果我按确定按钮光标应该进入 txtusername 文本框。在密码的情况下也应该发生同样的事情，光标应该进入 txtpassword 文本框。但是在我的编程中弹出消息来了但是按下确定按钮后光标没有放在预期的位置，请有人修改我的代码。这是我的代码。

<script type="text/javascript">
    //Function to check valid login
    function validLogin() {
        if (document.getElementById("TxtName").value == "") {
         alert("Please enter your UserName");
         return false;             
        }
        if (document.getElementById("Txtpassword").value == "") {
           alert("Please enter your Password");
         return false;
        }
        return true;
    }

<asp:Button ID="BtnLogin" runat="server" Text="Login" onclick="BtnLogin_Click" OnClientClick="validLogin()"/>

Answer 1

试一试(假设您在代码中指的是 TxtName，而不是问题中的 TxtUsername。

<script type="text/javascript">
    //Function to check valid login
    function validLogin() {
        var name = document.getElementById("TxtName");
        if (name.value == "") {
           alert("Please enter your UserName");
           name.focus();
           return false;             
        }
        var password = document.getElementById("Txtpassword");
        if (password.value == "") {
           alert("Please enter your Password");
           password.focus();
           return false;
        }
        return true;
    }
</script>