How to do ClientSide Validation in struts

Here I am explaining client side validation in struts using validation.xml.

LoginForm

package com.clientsidevalidation;

import org.apache.struts.validator.ValidatorForm;

/**
*
* @author Prasanthi
*
*/
public class Loginform extends ValidatorForm{

String name;
String password;
String newLocale;
String Action;
public String getAction() {
return Action;
}
public void setAction(String action) {
Action = action;
}
public String getNewLocale() {
return newLocale;
}
public void setNewLocale(String newLocale) {
this.newLocale = newLocale;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}



}

LoginAction

package com.clientsidevalidation;

import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
*
* @author Prasanthi
*
*/
public class Loginaction extends Action{

public ActionForward execute(ActionMapping map,ActionForm form,HttpServletRequest req,HttpServletResponse res)throws Exception
{

return map.findForward("success");

}


}

ApplicationResources.properties

Loginform.name=Name
Loginform.password=Password

msg=Welcome To Struts Project

# Errors
#errors.header=<h3><font color="red">Validation Error</font></h3>You must correct the following error(s) before proceeding:
errors.ioException=I/O exception rendering error messages: {0}
error.database.missing=<li>User database is missing, cannot validate logon credentials</li>
errors.required={0} has to be entered.
errors.minLength={0} can not be less than {1} characters.
errors.maxlength={0} can not be greater than {1} characters.
errors.invalid={0} is invalid.

errors.byte={0} must be an byte.
errors.short={0} must be an short.
errors.integer={0} must be an integer.
errors.long={0} must be an long.
errors.float={0} must be an float.
errors.double={0} must be an double.

errors.date={0} is not a date.

errors.range={0} is not in the range {1} through {2}.

errors.creditcard={0} is not a valid credit card number.

errors.email={0} is an invalid e-mail address

/WEB-INF/struts-config.xml


<struts-config>

<form-beans>
<form-bean name="Loginform" type="com.clientsidevalidation.Loginform"/>
</form-beans>

<action-mappings>
<action name="Loginform"
path="/login"
type="com.clientsidevalidation.Loginaction"
scope="request"
validate="true"
input="/clientlogin.jsp">
<forward name="success" path="/clientsuccess.jsp" />
</action>
</action-mappings>
<message-resources parameter="ApplicationResources"></message-resources>

<plug-in className="org.apache.struts.validator.ValidatorPlugIn">
<set-property property="pathnames" value="/WEB-INF/validator-rules.xml,
/WEB-INF/validation.xml"/>
</plug-in>
</struts-config>


/WEB-INF/validation.xml

<form-validation>
<formset>
<form name="Loginform">
<field property="name" depends="required,mask">
<arg position="0" key="Loginform.name" />
<var>
<var-name>mask</var-name>
<var-value>^[a-zA-Z]*$</var-value>
</var>
</field>

<field property="password" depends="required">
<arg position="0" key="Loginform.password" />
</field>
</form>
</formset>
</form-validation>



/WEB-INF/web.xml

<web-app>
<servlet>
<servlet-name>action</servlet-name>
<servlet-class>org.apache.struts.action.ActionServlet</servlet-class>

<load-on-startup>2</load-on-startup>
</servlet>

<servlet-mapping>
<servlet-name>action</servlet-name>
<url-pattern>*.do</url-pattern>
</servlet-mapping>

<welcome-file-list>
<welcome-file>clientlogin.jsp</welcome-file>
</welcome-file-list>


<taglib>
<taglib-uri>/tags/struts-html</taglib-uri>
<taglib-location>/WEB-INF/struts-html.tld</taglib-location>
</taglib>
<taglib>
<taglib-uri>/tags/struts-bean</taglib-uri>
<taglib-location>/WEB-INF/struts-bean.tld</taglib-location>
</taglib>
</web-app>




clientlogin.jsp

<%@ taglib uri="/tags/struts-html" prefix="html"%>
<%@ taglib uri="/tags/struts-bean" prefix="bean"%>
<%@ page import="java.util.*" %>
<html:html >

<body>
<br><br>

<html:javascript formName="Loginform"/>
<center><h2><u>LoginForm</h2></u><br><br>
<html:form action="/login" onsubmit="return validateLoginform(this);">

<bean:message key="Loginform.name"/> <html:text property="name" value="" />
<html:errors property="name" /><br><br>
<bean:message key="Loginform.password"/> <html:password property="password" value="" />
<html:errors property="password" /> <br><br>
<html:submit value="submit" />

</html:form></center>
</body>
</html:html>


clientsuccess.jsp

<%@ taglib uri="/tags/struts-html" prefix="html"%>
<%@ taglib uri="/tags/struts-bean" prefix="bean"%>


<html:html>
<body>
<h2><center><bean:message key="msg"/>
</h2></center>
</body>
</html:html>