jsp and javascript validation: Jsp, javascript, servlet

by: kadabaPosted on 2009-11-03 at 22:13:15ID: 25736838

in the form tag have

onsubmit="return check_form(form1);"
or
onsubmit="return check_form(this);"
The function will be called on submit of the form
hope this helps

by: gurvinder372Posted on 2009-11-03 at 22:13:51ID: 25736843

Please share the source code.
Also please highlight the JSP scriplet that you mentioned.
Calling a JavaScript validation method should not be an issue as long as you have included that script file.

by: karanwPosted on 2009-11-03 at 22:57:04ID: 25737021

To include external js
<script type="text/javascript" src="external.js"></script>

by: l_starter_lPosted on 2009-11-03 at 23:08:50ID: 25737070

I did try putting the validation in the onSubmit but that didnt help..I will upload the code as soon as soon as possible.

by: l_starter_lPosted on 2009-11-03 at 23:13:24ID: 25737092

k the code is

<%@ page language="java" import="java.sql.*" %>
 
 
 <% if(session.getAttribute("username") != null){%>
 <% out.println("<b> Welcome  " + session.getAttribute("username")); %>
 
<%
	String driver = "sun.jdbc.odbc.JdbcOdbcDriver";
	Class.forName(driver).newInstance();
 
 
	Connection con=null;
	ResultSet rst=null;
	Statement stmt=null;
	String userName=new String("");
        String passwrd=new String("");
 
	try{
		String url="jdbc:odbc:project";
		con=DriverManager.getConnection(url,"","");
 
		stmt=con.createStatement();
	}
	catch(Exception e){
		System.out.println(e.getMessage());
	}
 
	if(request.getParameter("action") != null){
		String firstname=request.getParameter("firstname");
		String lastname=request.getParameter("lastname");
                String dob=request.getParameter("dob");
                String email=request.getParameter("email_address");
                String gender=request.getParameter("gender");
                String country=request.getParameter("droplist");
                String comments=request.getParameter("comments");
                String phone=request.getParameter("telephone");
                String address=request.getParameter("street_address");
                String zip=request.getParameter("zipcode");
                String password=request.getParameter("password");
		stmt.executeUpdate("insert into jsp_table(firstname,lastname,dob,EMAIL,Gender,Country,COMMENTS,PHONE,ADDRESS,ZIP,password) " +
               "values('"+firstname+"','"+lastname+"','"+dob+"','"+email+"','"+gender+"','"+country+"','"+comments+"','"+phone+"','"+address+"','"+zip+"','"+password+"')");
 
	stmt.close();
	con.close();
%>
<%}else{%>
<html>
<head>
 
<title>Register</title>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--Rollover script-->
<SCRIPT language="JavaScript" SRC="rollover.js"></SCRIPT>
 
<!--Validate Script-->
 
<SCRIPT language="JavaScript" SRC="validate.js"></SCRIPT>
<!--External style sheet -->
 
<link href="style.css" rel="stylesheet" type="text/css">
 
<!-- Script to open pop-up window-->
<script type="text/javascript">
<!--
function MM_openBrWindow(theURL,winName,features) {
  window.open(theURL,winName,features);
}
</script>
</head>
 
<!--Body Start--Preload Rollover images-->
 
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;" onLoad="MM_preloadImages('highlight/images/home_btn.jpg','highlight/images/about_btn.jpg','highlight/images/product_btn.jpg','highlight/images/review_btn.jpg','highlight/images/contact_btn.jpg')">
<div align="right"> <form method="post" action="LoginAuthentication">
    <input type="submit" name="logout" value="logout" >
    </form></div>
<div id="Table_01">
<!--Header image-->
 
	<div id="header">
		<img src="images/header.jpg" width="800" height="90" alt="">
	</div>
	<div id="greyx20goosex20site-02">
		<img src="images/grey-goose-site_02.jpg" width="1" height="63" alt="">
</div>
<!--Navigation bar-->
 
	<div id="left-nav">
		<img src="images/left_nav.jpg" width="36" height="63" alt="">
	</div>
	<div id="home-btn"><a href="index.jsp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','highlight/images/home_btn.jpg',1)"><img src="images/home_btn.jpg" name="Image11" width="144" height="63" border="0"></a></div>
	<div id="about-btn"><a href="about.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','highlight/images/about_btn.jpg',1)"><img src="images/about_btn.jpg" name="Image12" width="144" height="63" border="0"></a></div>
	<div id="product-btn"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','highlight/images/product_btn.jpg',1)"><img src="images/product_btn.jpg" name="Image13" width="142" height="63" border="0"></a></div>
	<div id="review-btn"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','highlight/images/review_btn.jpg',1)"><img src="images/review_btn.jpg" name="Image14" width="146" height="63" border="0"></a></div>
	<div id="contact-btn"><a href="Register.jsp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image15','','highlight/images/contact_btn.jpg',1)"><img src="images/contact_btn.jpg" name="Image15" width="145" height="63" border="0"></a></div>
	<div id="right-nav">
		<img src="images/right_nav.jpg" width="42" height="63" alt="">
	</div>
<!--Right_div-->
 
	<div id="left-place"><!-- InstanceBeginEditable name="Right_tbl" -->
            
<form name="entry"  method="post"onSubmit="MM_openBrWindow('submission.html','','resizable=yes,width=550,height=500')"action="Register.jsp">
    <input type="hidden" value="list" name="action">
  <p><strong>First Name:</strong>
  <input type="text" name="firstname">&nbsp;<span class="inputRequirement">*</span></p>
  <p><strong>Last Name:</strong>
  <input type="text" name="lastname">&nbsp;<span class="inputRequirement">*</span></p>
    <p><strong>Date of Birth:</strong>
  <input type="text" name="dob">&nbsp;<span class="inputRequirement">* (DD/ MM/ YYYY)</span>
  <p><strong>Email:</strong>
  <input type="text" name="email_address">&nbsp;<span class="inputRequirement">*</span>
  </p>
  <p><strong>Gender:</strong>
  <input type="radio" name="gender" value="Male"> Male <input type="radio" name="gender" value="Female" > Female&nbsp;<span class="inputRequirement">*</span>
  </p>
 
  <p><strong> Select Country:</strong>
  <select name="droplist"><option value="" SELECTED></option><option value="USA">USA</option><option value="CANADA">CANADA</option><option value="3"></select>&nbsp;<span class="inputRequirement"></span>*
  </p>
  <p>
    <label> <strong>Comment/Questions</strong><br>
<textarea name="comments" id="comments" cols="45" rows="5"></textarea>
    </label>
  </p>
 
 
	<!-- InstanceEndEditable --></div>
	<div id="greyx20goosex20site-11">
		<img src="images/grey-goose-site_11.jpg" width="342" height="1" alt="">
	</div>
 <!--Left_div-->
 
	<div id="right-place"><!-- InstanceBeginEditable name="left_tbl" -->
 
 
    <div>
    <p><strong>Telephone Number:</strong>
      <input type="text" name="telephone">&nbsp;<span class="inputRequirement">*</span>
      </p>
    <p><strong>Street Address:</strong>
    <input type="text" name="street_address">&nbsp;<span class="inputRequirement">*</span>
    </p>
    <p><strong>Zip Code:</strong>
    <input type="text" name="zipcode">&nbsp;<span class="inputRequirement">*</span></p>
 
    <p><strong>Password:</strong>
      <input type="password" name="password" maxlength="40">&nbsp;<span class="inputRequirement">*</span></p>
    <p>
      <strong>Password Confirmation:</strong>
      <input type="password" name="confirmation" maxlength="40">&nbsp;<span class="inputRequirement">*</span>
    </p>
    <p><strong>I agree to terms and conditions </strong>
  <input type="checkbox" name="agree" value="1" >*
    </p>
<h3 align="center">*-Required Fields</h3>
<p align="center">
  <label>
    Click Me !
    <br>
    <input type= "image" img src="images/submit2.png" width="60" height="60" name="submit" id="submit" value="Submit" onClick="return check_form(form1);" >
 
  </label>
</h3>
    </div>
  <!-- InstanceEndEditable --></div>
    <!--Footer Image-->
 
	<div id="footer-img"><!-- InstanceBeginEditable name="footer_edit" --><img src="images/footer_img.jpg" width="800" height="70" alt=""><!-- InstanceEndEditable --></div>
</div>
 
</body>
</html>
<%}%>
 <%}else{%>
 
        <%
        String redirectURL = "AuthenticLogin.jsp";
        response.sendRedirect(redirectURL);
    %>
 
 
<%}%>

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:

Select all Open in new window

by: l_starter_lPosted on 2009-11-03 at 23:15:41ID: 25737098

the problem is if I leave the fields blank my javascript should alert me but it is not doing so..I know for sure the the validation function works..If I remove the scriptlet from the file the javascript works

by: MuraliKanthPosted on 2009-11-03 at 23:19:43ID: 25737117

onClick="return check_form(form1);" -- this is wrong

onClick="return check_form(document.entry); -- as i see entry as ur form name

there is no ending tag for ur second form.

by: MuraliKanthPosted on 2009-11-03 at 23:33:36ID: 25737160

<input type= "image" img src="images/submit2.png" width="60" height="60" name="submit" id="submit" value="Submit" onClick="return check_form(form1);" >

should be this way,

<a href="#" onclick="check_form(form1); return false;" ><img src="images/submit2.png" width="60" height="60"/></a>

by: MuraliKanthPosted on 2009-11-03 at 23:34:34ID: 25737166

sry i repeated the onclick with wrong function call,

<a href="#" onclick="check_form(document.entry); return false;" ><img src="images/submit2.png" width="60" height="60"/></a>

</form> //end tag missing in ur code

by: kadabaPosted on 2009-11-04 at 07:06:43ID: 25740030

why don't you combine MM_openBrWindow('submission.html','','resizable=yes,width=550,height=500') and
"check_form(form1);

i.e onsubmit call "check_form(this);" in that function check if the form data is valid then call MM_openBrWindow

by: l_starter_lPosted on 2009-11-04 at 09:05:16ID: 31649843

I didnt remember I changed the form name..Thank you

Question

jsp and javascript validation

Subscribe now for full access to Experts Exchange and get

Instant Access to this Solution

Jsp

javascript

servlet

JavaScript

Java Server Pages (JSP)

Java Servlets

Trusted by hundreds of thousands everyday for fast, accurate and reliable tech support.

See what Experts Exchange can do for you.

Got a question?

We've got the answer.

Need individual assistance?

Our experts are ready to help.

Want to learn from the best?

Read articles from industry experts.

Working on a long term project?

Store your work and research.

What Makes Experts Exchange Unique?

Trusted by the world's most respected brands.

Faithfully serving IT professionals since 1996.

Related Solutions

Free Tech Articles

Cloud Class Webinars

Join the Community

Give a Little. Get a Lot.

Answers

3 Ways to Join

The Experts

The Experts

Testimonials

Testimonials

Testimonials

Business Clients

Business Clients

In the Press

In the Press

In the Press