|
|
|
jQuery validate form using ajax 1 |
Steps
1. Create simple Servlet for form validation. This is for testing and can be replaced
with PHP or any other web technology you like
2. Create JSP to display form. Again needed for testing and nothing to do with jQuery.
3. Run
4. Now application is up and running add jquery code
5. Run
1: FormValidationAjax.java
package com.company.servlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class FormValidationAjax extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws javax.servlet.ServletException, java.io.IOException {
process(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws javax.servlet.ServletException, java.io.IOException {
process(request, response);
}
public void process(HttpServletRequest request, HttpServletResponse response)
throws javax.servlet.ServletException, java.io.IOException {
System.out.println("Inside FormValidationAjax::process()");
String errorMsg = "";
String param1 = request.getParameter("param1");
String param2 = request.getParameter("param2");
String param3 = request.getParameter("param3");
if(param1.length() < 9)
{
errorMsg = errorMsg+"Param1 must be > 8"+"
";
}
if(param2.length() < 9)
{
errorMsg = errorMsg+"Param2 must be > 8"+"
";
}
if(param3.length() < 9)
{
errorMsg = errorMsg+"Param3 must be > 8"+"
";
}
request.setAttribute("errorMsg", errorMsg);
request.getRequestDispatcher("/jsp/ajaxform.jsp").forward(request,
response);
}
}
2A: ajaxform.jsp
<%
String ctx = request.getContextPath();
String errorMsg = (String) request.getAttribute("errorMsg");
if (errorMsg == null) {
errorMsg = "";
}
%>
<html>
<head>
<title>/jsp/ajaxform.jsp</title>
</head>
<body>
<form name="FormValidationAjax" method="post" action="<%=ctx%>/FormValidationAjax">
<div><span style="color:red"><%=errorMsg%></span></div>
<div>Param1 (length must be > 8): <input type="text" value="abc" name="param1" id="param1" /></div>
<div>Param2 (length must be > 8): <input type="text" value="def" name="param2" id="param2" /></div>
<div>Param3 (length must be > 8): <input type="text" value="ghi" name="param3" id="param3" /></div>
<div><input type="submit" name="submit" class="button" id="submit_btn" value="Test" /></div>
</form>
</body>
</html>
2B: web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<display-name>ServletApp</display-name>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
</welcome-file-list>
<servlet>
<display-name>FormValidationAjax</display-name>
<servlet-name>FormValidationAjax</servlet-name>
<servlet-class>com.company.servlet.FormValidationAjax</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>FormValidationAjax</servlet-name>
<url-pattern>/FormValidationAjax</url-pattern>
</servlet-mapping>
</web-app>
Now launch page and add data and submit
URL: http://servername:port/context/jsp/ajaxform.jsp
Servlet validates data
Till this point we have not used jQuery. Now let us add jQuery code
|
|
|
| How to loop arraylist JAVA6 Syntax
|
| How to iterrate through ArrayList and display multiple rows using for loop JAVA6 syntax..
|
| Java JSP |
2010-Oct-12 |
| How to loop arraylist
|
| How to iterrate through ArrayList and display multiple rows using for loop, JSTL tags..
|
| Java JSP |
2010-Oct-12 |
| Consumer using JAX WS Dispatch API and DOM parser 1
|
| Access/Consume Webservice using Servlet, JAX-WS Dispatch API dynamic client and parsing SOAP response using DOM parser...
|
| Java Webservice |
2010-Sep-20 |
| Simple Java first CXF Webservice 4
|
| Building Simple Java first CXF webservice using CXFServlet, Spring, jaxws:endpoint, @WebService, @SOAPBinding, @WebResult
|
| Java Webservice |
2010-Sep-19 |
| Simple Java first CXF Webservice 3
|
| Building Simple Java first CXF webservice using CXFServlet, Spring, jaxws:endpoint, @WebService, @SOAPBinding, @WebResult
|
| Java Webservice |
2010-Sep-18 |
| Simple Java first CXF Webservice 1
|
| Building Simple Java first CXF webservice using CXFServlet, Spring, jaxws:endpoint, @WebService, @SOAPBinding, @WebResult
|
| Java Webservice |
2010-Sep-18 |
| Simple Java first CXF Webservice 2
|
| Building Simple Java first CXF webservice using CXFServlet, Spring, jaxws:endpoint, @WebService, @SOAPBinding, @WebResult
|
| Java Webservice |
2010-Sep-18 |
| Encoding special characters in userinput or on server
|
| Encoding can be done either in Javascript or JAVA encodeURIComponent, escape, java.net.URLEncoder..
|
| Java JSP |
2010-Aug-09 |
| Jstl fmt tag i18n formatdate formatcurrency
|
| fmt:setBundle, native2ascii.exe, fmt:message, fmt:setLocale, fmt:formatDate, fmt:formatNumber type=currency..
|
| Java JSP |
2010-Aug-05 |
| How to read and write a file
|
| How to read and write a file java.io.BufferedReader,java.io.FileReader, InputStreamReader ...
|
| Java J2SE |
2010-Aug-04 |
| jQuery validate form using ajax 2
|
| How to validate/submit form using ajax and jQuery input#, ($.ajax)..
|
| Javascript |
2010-Jul-23 |
| jQuery validate form using ajax 1
|
| How to validate/submit form using ajax and jQuery ($.ajax)..
|
| Javascript |
2010-Jul-23 |
| How to create datasource in RAD Websphere
|
| Create JDBC provider, datasource and JAAS security setup, JDBC connection URLs
|
| Servers Websphere |
2010-Jul-08 |
| Get Started 4
|
| Struts2 framework structure, how various components fit together
|
| Java Struts2 |
2010-Jul-07 |
| How to populate a form when JSP is called first time
|
| This is achieved throught setting bean in request, using frameworks like Struts2, Spring3..
|
| Java JSP |
2010-Jul-07 |
| Spring3 And Hibernate 4
|
| Spring3 and Hibernate 3.5.3 working together @Controller, @RequestMapping, @InitBinder, HibernateTransactionManager, LocalSessionFactoryBean, HibernateTemplate
|
| Java Spring |
2010-Jul-07 |
|
|
