Posted on: May 25, 2009 at 12:00 AM
JSP Alert
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.
Understand with Example
The Tutorial illustrate an elaborative example to create alert box in a JSP page. Before applying validation 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".
Here is the code of 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> </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> |
Following output will be displayed on the browser:
If you will not enter the Login Name, an alert box displays showing error message:
If you will not enter the Password, an alert box displays showing error message:
If you will enter the username and password, an alert box displays the welcome message:
- Accessing database from JSP
- Add and Delete Element Using Javascript in JSP
- Embed flash file in jsp page
- Using Applet in JSP
- The autoFlush Attribute of page Directive In JSP
- Simple Bank Application in JSP
- Bar Chart
- BodyTagSupport Example
- Use Break Statement in jsp code
- The buffer Attribute of page Directive In JSP
- Use of fn:toUpperCase(String) and fn:toLowerCase(String) Tag of JSTL
- Combo Box Using Ajax In JSP
- Use Compound Statement in JSP Code
- Connect JSP with mysql
- Connect JSP with mysql
- Use of Tag of JSTL
- The contentType Attribute of page Directive In JSP
- How to use 'continue' keyword in jsp page ?
- Cookie Example to Store and Show only 10 values
- Use of Core XML tags in JSP
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.
Ask Questions? Discuss: JSP Alert View All Comments
Post your Comment