Forum:

Servlets

Ajax servlet form validation problem

Ranch Hand

Posts: 38

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I have made a form validation using ajax wherein i am trying to validate email id through ajax call which would be directed to a servlet.But it seems that the servlet is not being called.
following is my jsp code

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ page import="registration.regajax4" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="template.css">
 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
</head>
<script type="text/javascript">

$(function() {
    $( "#datepicker" ).datepicker();
  });
  
function emailval(str)
{
var xmlhttp;
if (str.length==0)
  { 
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","regajax4.java?q="+str,true);
xmlhttp.send();

}

function validateForm()
	{

</script>
<body>

<div class="header">
						<div class="top_info">
									
			
						</div>
						<div class="logo">
							
			      <h1><a href="#" title="Centralized Internet Services"><span class="dark">SITE</span> 
			       LOGO</a></h1>
						</div>
					</div>
			<div class="bar">
						<ul>
							<li class="browse_category">Welcome to SITE NAME</li>
							
							
						</ul>
					</div>
			<div class="reg_center">
			
					 <h3>REGISTRATION</h3><br/>
					 
					 <form name="reg" onsubmit="return validateForm()" method="post">
								<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="10" FRAME="box">
										<TR>
										<TD><font face="Chiller" size="5"><b>First Name:</b>    <input type="text" size="35" name="first_name" id="first_name"></font></TD>
									
										<TD><font face="Chiller" size="5">  <b>LastName:</b>      <input type="text" size="35" name="last_name" id="last_name"></font></TD>

</TR>
									    <tr></tr>
										<TR>
										<TD><font face="Chiller" size="5"><b>Gender:</b></font>        <input type="radio" size="35" name="gender" id="male" value="Male">Male
										    <font face="Chiller" size="5"><input type="radio" size="35" name="gender" id="female" value="Female">Female</font>
										</TR>
										<TR>
										<TD>
										<p><font face="Chiller" size="5"><b>Date:</b></font><input type="text" id="datepicker" /></p>
										</TD>
										</TR>
									
										<TR><TD><font face="Chiller" size="5"><b>(mm/dd/yyyy)</b></font></TD></TR>
										
											
										<TR>
										<TD><font face="Chiller" size="5"><b>Email id:</b></font>       <input type="text" size="34" name="email_id"  id="email_id" onkeyup="emailval(email_id.value)"></TD> 
									</TR>
									
									 <tr>
										<td><span id="txtHint"></span></td>
									 </tr>
															
										<TR>
										<TD><font face="Chiller" size="5"><b>Password:</b>      <input type="password" size="34" name="password" id="password"></font></TD>
										<TD><font face="Chiller" size="5"><b>Confirm Password:</b><input type="password" size="35" name="confirm_password" id="confirm_password"></font></TD>		
										</TR>
										 <tr>
										<td></td>
										<td></td>
									 </tr>					 
											<tr></tr>		
										<tr>
										<td colspan="2">
										<font face="Chiller" size="5"><center><input type="submit"  value="Register"></font></center>
										</td>		
										</tr>
								</table>		
									  
					      </form>
					   		  
			   </div>
			    
			    <div class="footer">
			    
			    </div>
			
			  
  </body>
  </html>

The following is my servlet code

package registration;

import java.sql.*;
import java.util.*;
import java.io.*;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class regajax4 extends HttpServlet {
	private static final long serialVersionUID = 1L;
	
	int i=0,i3=0,size=0;
	List dataList = new ArrayList(); 
	ResultSet rs;
	 Statement st;
	 Connection conn;
	 String emailname[];
	 PrintWriter out ;
         boolean evalid=false;
		String q;
    public regajax4() {
    	out.println("inside 1st");
    	 try
    		{
    			Class.forName("com.ibm.db2.jcc.DB2Driver").newInstance();
    		} 
    		catch (ClassNotFoundException e)
    		{
    			e.printStackTrace();
    		} 
    		catch (InstantiationException e) 
    		{
    			e.printStackTrace();
    		} 
    		catch (IllegalAccessException e) 
    		{
    			e.printStackTrace();
    		}
    		try
    		{
    			 conn = DriverManager.getConnection("jdbc:db2://localhost:50000/TESTDB1","root","root"); 
    			 st= conn.createStatement(); 
    			 out.println("connected");
    		}
    		catch(Exception e){	
    				out.println(e);
    			}
        
    }
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException 
	{
		try 
		{
			
			String sqlret="select email from users";
			 rs=st.executeQuery(sqlret); 
			
			while (rs.next ())
			{
				
				  //Add records into data list
				size++;
				  dataList.add(rs.getString("email"));
				 
				 
			}

}
		catch (Exception e) 
		{
			
		}
			
				
		try
		{

emailname=new String[size];
			
					Iterator it = dataList.iterator();
					while(it.hasNext()) 
					{
						String temp=(String)it.next();
						emailname[i3]=temp;
						i3++;
					}
				
					 q = request.getParameter("q");
					 int atpos=q.indexOf("@");
					int dotpos=q.lastIndexOf(".");
					if (atpos<1 || dotpos<atpos+2 || dotpos+2>=q.length())
					{
						out.println("Invalid email id");
					} 
					else
					{
						out.println("Email id is valid");
						evalid=true;
					}
		}
		catch(Exception e)
		{	}

}

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException 
	{
		
		
	}

}

However if when i used jsp instead of servlet(which i should not) for testing sake i was getting correc output.

Bear Bibeault

Sheriff

Posts: 67747

173

I like...

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Your servlet is mapped to ""regajax4.java"? Really?

The URL should to the mapping that you gave to the servlet in the deployment descriptor, prefixed by the context path. More info is in the JspFaq.

Also, why are you not using jQuery to do your Ajax? It is not recommended to use Ajax "by hand" as you have done here.

[Asking smart questions] [About Bear] [Books by Bear]

HTML 5 (verified skill)
Skill verified by Jeanne Boyarsky

CSS 3 (verified skill)
Skill verified by Jeanne Boyarsky

JavaScript (verified skill)
Skill verified by Jeanne Boyarsky

Bear Bibeault

Sheriff

Posts: 67747

173

I like...

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Closed as this question is repeated elsewhere.

[Asking smart questions] [About Bear] [Books by Bear]

With a little knowledge, a cast iron skillet is non-stick and lasts a lifetime.