Need help login validation using java script

Question

I have problem with login validation using javascript. When the user doesn't provide any username or password the pop up message is showing please enter the username and password. I want that when user doesn't provide username the pop up message will come please enter the username, then if i press OK button cursor should go in txtusername textbox. In case of password also same thing should happen, cursor should go in txtpassword textbox. But in my programming the pop up message is coming but after pressing ok button cursor is not placing in expected position, please somebody modify my code. Here is my code.

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

tvanfosson · Accepted Answer · 2009-02-21 03:45:49Z

4

Give this a try (assuming you meant TxtName, as in your code, not TxtUsername, as in your question.

<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>

answered Feb 21, 2009 at 3:45

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

some Over a year ago

I think you also want to trim whitespace from the values. function trim(s){return s.replace(/^\s\s*/, '').replace(/\s\s*$/, '');} // blog.stevenlevithan.com/archives/faster-trim-javascript

Gripsoft · Accepted Answer · 2009-02-21 03:46:53Z

0

use element.focus() after your alert. i.e.

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

answered Feb 21, 2009 at 3:46

Gripsoft

2,6207 gold badges28 silver badges31 bronze badges

Collectives™ on Stack Overflow

Need help login validation using java script

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related