POPUP validation in Spring MVC

Greenhorn

Posts: 2

posted 10 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I am using bPopup Jquery plugin for popup window in my Spring MVC project, this is great but I got stuck help me.

Here is the scenario, * When a button in a page is clicked, the pop up window is opened and the required details are entered into the fields. * when submit button is clicked in popup window, form validation is performed and then values are entered into database; but if the entered field have any error( i.e phone number is entered in place of email address) the pop up window must open to show the error.

But the popup window is not reopened to show the error.

Here is my code

My Jsp file:

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Quick Registration</title>
<script src='<c:url value="/resources/js/jquery.js" />'
    type="text/javascript"></script>
<script src='<c:url value="/resources/js/bpopup.js" />'
    type="text/javascript"></script>
<link href='<c:url value="/resources/css/style.css" />' />
</head>

<body>
    <a href="javascript: return(0);" class="regLink" id="quickReg" style="text-align:center">Quick Registration</a>

<div id="element_to_pop_up">
        <a class="b-close" href="javascript: return(0);">x</a>
        <div class="heading">
            <h2>Quick Registration</h2>
        </div>

<form:form method="POST" commandName="quick" action="quickregistration">
            <div class="regDetail">
                <table class="regTable" id="qkReg">
                    <tr>
                        <td>First Name<sup>*</sup></td>
                        <td><form:input path="firstName" cssClass="pop" placeholder="Enter First Name"/></td>
                        <td><form:errors path="firstName" cssClass="error" /></td>
                    </tr>

<tr>
                        <td>Last Name</td>
                        <td><form:input path="lastName" cssClass="pop" placeholder="Enter Last Name" /></td>
                        <td> </td>
                    </tr>
                    <tr>
                        <td>Date of Birth<sup>*</sup></td>
                        <td><input class="pop" type="date" name="dob"
                            placeholder="mm/dd/yyyy"></td>
                        <td><form:errors path="dob" cssClass="error" /></td>
                    </tr>

<tr>
                        <td>Phone Number<sup>*</sup></td>
                        <td><form:input path="phone" cssClass="pop phoneNumber"
                                placeholder="Enter Phone Number" /></td>
                        <td><form:errors path="phone" cssClass="error" /></td>
                    </tr>
                </table>

<span id="req"><sup>*</sup>Required field</span>
            </div>
            <div class="regConfirm">
                <input type="submit" Class="regButton" value="Save"><input
                    class="regButton" id="clear" type="reset" value="Clear">
            </div>
        </form:form>
</div>

});

})(jQuery);

</script>
<c:if test="${!empty error}">
<script>

alert("User is not Registered Successfully. Click Quick Registration Button");
$("#quickReg").click();
</script>
</c:if>
</body>
</html>

My Model class .java file

My DAO Implementation class .java file

My Controller class .java file

import java.text.SimpleDateFormat;
import java.util.Date;

import javax.validation.Valid;

import org.springframework.ui.Model;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.propertyeditors.CustomDateEditor;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.WebDataBinder;
import org.springframework.web.bind.annotation.InitBinder;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

import com.aram.spring.emr.model.*;
/*import org.springframework.validation.FieldError;
import org.springframework.validation.ObjectError;*/
import com.aram.spring.emr.service.UserManager;

@Controller
@RequestMapping("/quickregistration")
public class QuickRegistrationController {
    @Autowired
    UserManager userService;
    @InitBinder
    public void initBinder(WebDataBinder binder) {
        SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd");
        dateFormat.setLenient(false);
        binder.registerCustomEditor(Date.class, new CustomDateEditor(dateFormat, true));
    }
    @RequestMapping( method = RequestMethod.POST)
    public String quickReg(@Valid @ModelAttribute("quick")  QuickRegistration reg, BindingResult result, Model model) {

if (result.hasErrors()) {
            model.addAttribute("error", "1");
            return "quickregistration";
        } else {
            model.addAttribute("quick", reg);
            userService.createUser(reg);
            return "registered";
        }

}

@RequestMapping(method = RequestMethod.GET)
    public String displayRegForm(ModelMap model) {
        model.addAttribute("quick", new QuickRegistration());
        return "quickregistration";

}

My web.xml

My mvc-dispatcher-servlet.xml

<context:component-scan base-package="com.aram.spring.emr.web" />
<mvc:resources mapping="/resources/**" location="/resources/style/" />
    <mvc:annotation-driven />
<bean id="userService" class="com.aram.spring.emr.service.UserManagerImpl" />  
 <bean id="userDAO" class="com.aram.spring.emr.model.dao.JDBCUserDAO" />

<bean id="viewResolver"
        class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix">
            <value>/WEB-INF/pages/</value>
        </property>
        <property name="suffix">
            <value>.jsp</value>
        </property>
    </bean>

</beans>

Insertion and form validation operations are working fine but if validation fails for entered information, then the popup window must reload again with error message.
How to achieve this in spring MVC. Thanks in advance.

Catch Ernie! Catch the egg! And catch this tiny ad too:

Clean our rivers and oceans from home

https://www.kickstarter.com/projects/paulwheaton/willow-feeders