需要帮助使用javascript登录验证

时间:2009-02-21 03:36:17

标签: javascript

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

<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()"/>

2 个答案:

答案 0 :(得分:4)

尝试一下(假设你的意思是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>

答案 1 :(得分:0)

在提醒后使用element.focus()。 即。

alert("please enter your UserName");
document.getElementById("UserName").focus();