Struts2 - Enabling Client Side validation

Struts2 provides the declarative option to define the validation rules for the data fields in form. You can use the default implementation of validation framework of the struts2 to validate various kind of data. When you use the validation feature of the struts2, it is done server side by default. But setting
a single attribute of the form tag, it can be applied at client side.

Struts2 validation process can work on server side as well as client side. When it works at server side, server return input form containing validation error along with  the text fields. when you use client side validation feature, the javascript will process the validate without sending the form data to server for validation.

it means data is validated before going to server. this javascript is generated by struts frame work into the rendered webpage having the form. this validation works when you set the validation attribute to true in the form tag. And you have the add the head tag of the struts taglib in head tag of the html page.


Here is the source code of the example that is using the struts validation on both sides.

login.jsp


<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@taglib prefix="s" uri="/struts-tags"%>
<!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>
<s:head/>
</head>
<body>
<s:form action="myaction" method="post" validate="true">
  <s:textfield name="username" label="user-name"/>
  <s:textfield name="emailid" label="email-id"/>
  <s:submit value="submit"/>
</s:form>

</body>
</html>



Sucess.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@taglib prefix="s" uri="/struts-tags"%>
<!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>
</head>
<body>
<h2><s:property value="username"/></h2>

</body>
</html>



MyAction.java

import com.opensymphony.xwork2.ActionSupport;
public class MyAction extends ActionSupport {
    
    private String username;
    private String  emailid;
    
    public String getUsername() {
        return username;
    }
    public void setUsername(String username) {
        this.username = username;
    }
    public String getEmailid() {
        return emailid;
    }
    public void setEmailid(String emailid) {
        this.emailid = emailid;
    }
    
    public String execute()
    {
        
        return "sucess";
    }
}

MyAction-validation.xml


<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE validators PUBLIC 
  "-//OpenSymphony Group//XWork Validator 1.0.2//EN"
  "http://www.opensymphony.com/xwork/xwork-validator-1.0.2.dtd">
<validators>

   <field name="username">
        <field-validator type="requiredstring">
            
            <message>Name is required.</message>
        </field-validator>
    </field>
   <field name="emailid">
        <field-validator type="requiredstring">
            <message>email is required.</message>
        </field-validator>
        
        <field-validator type="email">
            <message> valid email is required.</message>
        </field-validator>

        <field-validator type="fieldexpression">
            <param name="expression">emailid.endsWith('@gmail.com')</param>
            <message>Use only gmail.</message>
        </field-validator>
    </field>
</validators>


struts.xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUB
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">

<struts>
 <package name="default" namespace="/" extends="struts-default">
 <action name="myaction" class="MyAction">
 <result name="sucess">success.jsp</result>
 <result name="input">loginjsp.jsp</result>
 </action>

 </package>
</struts>

Download Source code

2 comments:

Mohammad Naushad said...

Hi Hemraj,
I downloaded this code, but not able to extract it as it is password protected. Please share the password for this project.

Thanks

Mohammad Naushad said...

Hi Hemraj,
I downloaded this code, but not able to extract it as it is password protected. Please share the password.

Thanks

Popular Posts