simplelogin.html

<html>
<head>
    <title>log in with javascript</title>
    <script>
        function validate() {
            var username = document.getElementById("user");
            var password = document.getElementById("pass");
                if(username != "sti" && password != "sti") {
                    alert("Welcome!");
                }
                else {
                    alert("wrong username or password");
                }
        }
    </script>
</head>

<body>
    <form method="post" name="myform" action="">
        <table width=50% border="0">
        <tr>
            <td>Username</td>
            <td><input type="text" id="user"></td>
        </tr>
        <tr>
            <td>Password</td>
            <td><input type="password" id="pass"></td>
        </tr>
        <tr>
            <td><input type="button" value="ok" onclick="validate()"></td>
            <td><input type="reset" value="cancel"></td>
        </tr>
        </table>
    </form>
</body>


</html>