JSP Alert Example

By: Dorris in JSP Tutorials on 2010-12-27

JSP Alert is used to put the validation on login page for the users. The example in this Tutorial provides you to create the validation on the login form using Javascript method in JSP page.

The Tutorial illustrate an elaborative example to create alert box in a JSP page. We create a JSP file "AlertMessage.jsp". The Alert Message contains the code for User Login page that include the 'LoginName' and 'Password'. To apply validation we make use of javascript method in AlertMessage.jsp to validate the LoginName and password. The on submit button in JSP calls a JavaScript's function validLogin(). The function validlogin () is used to validate the username and password in JSP. If the username and password field is not inserted by the user then this will display error message using "alert()". The function also ensures that the field username and password must not be empty. Otherwise it will displays the message "Welcome User".

AlertMessage.jsp

<html>

<head>
    <script>
        function validLogin() {
            if (document.form.userName.value == "") {
                alert("Please enter Login Name.");
                document.loginform.userName.focus();
                return false;
            }
            if (document.form.password.value == "") {
                alert("Please enter password.");
                document.userform.password.focus();
                return false;
            }
            alert("Welcome User");
            return true;
        }
    </script>
</head>

<body>
    <form name="form" method="post" onsubmit="return validLogin();">
        <table width="250px" border=0 style="background-color:ffeeff;">
            <tr>
                <td colspan=2 align="center" style="font-weight:bold;font-size:20pt;" align="center">User Login</td>
            </tr>
            <tr>
                <td colspan=2>&nbsp;</td>
            </tr>
            <tr>
                <td style="font-size:12pt;" align="center">Login Name:</td>
                <td><input type="text" name="userName" value=""></td>
            </tr>
            <tr>
                <td style="font-size:12pt;" align="center">Password:</td>
                <td><input type="password" name="password" value=""></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" name="Submit" value="Login"></td>
            </tr>
        </table>
    </form>
</body>

</html>

Previous
<< Uploading a file to a server using JSP

Next
JSP CheckBox Example >>