构建启用了 Ajax 的 JSP TagLib 控件，第 2 部分: 自动填充和字段验证器控件

				
package com.testwebsite.dal;

import java.sql.ResultSet;
import java.sql.SQLException;
import com.testwebsite.util.JdbcQuery;

public class AccountDataService {	
	/**
	 * The getQueryToCheckAccount method returns the query string
	 * _cnnew1@param loginId
	 * @return
	 */
	private String getQueryToCheckAccountName(String loginId) {		
		StringBuffer queryString = new StringBuffer();
		queryString.append( "SELECT count(*) as rowcount FROM 
			test.account WHERE lower(login_id)='");
		queryString.append(loginId.toLowerCase());
		queryString.append("'");		
		return queryString.toString();
	}
	
	/**
	 * The isAccountUnique method returns true/false if login id is valid / unique
	 * @param loginId Login id of account
	 * @return True/false if login id is valid
	 */
	public boolean isAccountUnique(String loginId) {
		boolean isOk = false;
	
		// Check arguments
		if (loginId == null || loginId.length() ==0) { return isOk;	}
		
		// Get query string 
		String queryString = this.getQueryToCheckAccountName(loginId);		
		ResultSet results = JdbcQuery.getResults(queryString);
		
		// If no data was found then return empty data set
		if (results == null) { return isOk; }
		
		try {
			if (results.next()) {
				int count = results.getInt(1);
				isOk = (count == 0);
			}
		} catch (SQLException e) {
			e.printStackTrace();
		}
		
		return isOk;
	}
	
	/**
	 * The isAccountUnique method returns true/false if login id is valid / unique
	 * @param firstName First Name to check
	 * @param lastName Last Name to check
	 * @return True/false if login id is valid
	 */
	public boolean isNameUnique(String firstName, String lastName ) {
		boolean isOk = false;
	
		// Check arguments
		if (firstName == null || firstName.length() ==0 ||
		lastName == null || lastName.length() ==0) { return isOk; }
		
		// Get query string 
		String queryString = this.getQueryToCheckName(firstName, lastName);	
		ResultSet results = JdbcQuery.getResults(queryString);
		
		// If no data was found then return empty data set
		if (results == null) { return isOk; }
		
		try {
			if (results.next()) {
				int count = results.getInt(1);
				isOk = (count == 0);
			}
		} catch (SQLException e) {
			e.printStackTrace();
		}
		
		return isOk;
	}

	private String getQueryToCheckName(String firstName, String lastName) {
		StringBuffer queryString = new StringBuffer();
		queryString.append( "SELECT count(*) as rowcount FROM 
			test.account WHERE lower(last_name)='");
		queryString.append(lastName.toLowerCase());
		queryString.append("' AND lower(first_name)='");
		queryString.append(firstName.toLowerCase());
		queryString.append("'");
		
		return queryString.toString();
	}		
}
				

				
public interface IJsonFormDataProvider {
	/**
	 * Returns a JSONObject of the data for the specified criteria. The maximum
	 * (maxCount) number of values is retrieved.
	 * @param criteria Criteria for which to search
	 * @return JSONObject for specified criteria
	 */
	JSONObject getFormData(String criteria);
}
				

				
package com.testwebsite.bll;

import org.json.JSONObject;
import com.testwebsite.interfaces.IJsonFormDataProvider;

public class LocationFormDataProvider implements IJsonFormDataProvider {

	@Override
	public JSONObject getFormData(String criteria) {
		return LocationService.getLocationAsJson(criteria);
	}
}			
				

				
package com.testwebsite.bll;

import java.util.Iterator;
import java.util.Set;
import java.util.TreeMap;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import com.testwebsite.dal.LocationDataService;
import com.testwebsite.dto.StateDTO;
import com.testwebsite.dto.LocationDTO;

/**
 * Provides values for Auto-complete and Location related Servlets
 */
public class LocationService {
	
	/**
	 * Returns Location for the specified zip code.
	 * @param Zip code criteria to retrieve
	 * @return JsonObject containing location data 
	 * for the specified zip code.
	 */
	public static JSONObject getLocationAsJson(String criteria) {
		if (criteria == null) return null;
		
		TreeMap<Integer, LocationDTO> locData = 
			LocationDataService.getLocationData();
			
		JSONObject locationJson = new JSONObject();
		try {
			Integer curKey = Integer.parseInt(criteria);
			LocationDTO curLocation = locData.get(curKey);
			
			if (curLocation != null) {
				String cityName = curLocation.getCity();
				String countyName = curLocation.getCounty();
				String stateName = curLocation.getState();
				
				locationJson.put("stateName", stateName);
				locationJson.put("zipCode", criteria);
				locationJson.put("cityName", cityName);
				locationJson.put("countyName", countyName);
			}
		} catch (JSONException e) {
			e.printStackTrace();
		}
		
		return locationJson;
	}
}
				

				
package com.testwebsite.servlets;

import java.io.IOException;
import java.io.PrintWriter;
import java.lang.reflect.InvocationTargetException;
import java.lang.reflect.Method;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.json.JSONArray;
import org.json.JSONObject;

public class AutoPopulateServlet extends HttpServlet {

	private static final long serialVersionUID = -867804519793713551L;

	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		
		String data = "";

		// Get parameters from query string
		String format = req.getParameter("format");
		String criteria = req.getParameter("criteria");
		String className = req.getParameter("providerClass");
		
		// If format is not null and it's 'json' 
		if (format != null && format.equalsIgnoreCase("json")) {
			if (className != null && className.length() > 0) {
				data = this.getJsonResultAsString(criteria, className);
			}			
			
			resp.setContentType("text/plain");
		}		

		// Write response
		// Get writer for servlet response
		PrintWriter writer = resp.getWriter();
		writer.println(data);
		writer.flush();
		
	}

	public String getJsonResultAsString(String criteria, String className) {
		String data = "";
		
		// Get dataprovider class using reflection
		
		// Construct class
		Class providerClass;
		try {
			// Get provider class
			providerClass = Class.forName(className);
			
			// Construct method and method param types
			Class[] paramTypes = new Class[1];
			paramTypes[0] = String.class;
			Method getValuesMethod = 
				providerClass.getMethod("getFormData", paramTypes);
			
			// Construct method param values
            Object[] argList = new Object[1];            
            argList[0] = criteria;
            
            // Get instance of the provider class
            Object providerInstance = providerClass.newInstance();
			
            // Invoke method using reflection
            JSONObject result = (JSONObject) 
				getValuesMethod.invoke(providerInstance, argList);
			
			// Convert JSONObject result to string
			data = result.toString();
		} catch (ClassNotFoundException e) {
			e.printStackTrace();
		} catch (InstantiationException e) {
			e.printStackTrace();
		} catch (IllegalAccessException e) {
			e.printStackTrace();
		} catch (SecurityException e) {
			e.printStackTrace();
		} catch (NoSuchMethodException e) {
			e.printStackTrace();
		} catch (IllegalArgumentException e) {
			e.printStackTrace();
		} catch (InvocationTargetException e) {
			e.printStackTrace();
		}			
	
		return data;	
	}
}
				

				           
function zipCode_onBlur(curControl) {
		// If curControl is not null or blank
		if (curControl.value == null || curControl.value == '') 
			return;
			
		// Dynamically built target url
		var dataUrl = '/ajaxcontrols2/AutoPopulateData?
			providerClass=com.testwebsite.bll.LocationFormDataProvider&
			format=json&criteria=' + curControl.value;
		
		// Initialize asynchronous request
		initializeXmlHttpRequest();
		
		// Perform request
		if (req!=null) {
			req.onreadystatechange=zipCode_onServerResponse;
			window.status='Retrieving data from server...';
			req.open('GET',dataUrl,true);
			
			req.send(null);
		}
}
				

				
function zipCode_onServerResponse() {
	// If loaded
	if(req.readyState!=4) return;
	
	// If an error occurred
	if(req.status != 200) {
		alert('An error occurred retrieving data.');
		return;
	}
	
	// Get response and convert it to an object
	var responseData = req.responseText;
	var dataObj =eval('(' + responseData + ')');
	
	if (dataObj == null) { 
		return; 
	}
	
	// ***Start of dynamically generated based on populate rules***
	// Get form field
	var cityNameField = document.getElementById('cityName');
	
	// If form field not found
	if (cityNameField == null) {
		alert('cityName not found');
	}
	
	// Get form field value from data response
	var cityNameValue = dataObj.cityName;

	// Set form field
	cityNameField.value = cityNameValue;
	
	// Disable form field
	disableFormField('cityName', true);
	// ***End of dynamically generated by populate rule***
	
	...
	
	// Clear status bar
	window.status='';
}			
				

				
function disableFormField(controlName, isDisabled) {
	// If isDisabled is null then assume true
	if (isDisabled == null) isDisabled = true;
	
	// If control name is null return
	if (controlName == null) 
		return;
	
	// Fetch the control
	var curControl = document.getElementById(controlName);
	
	// If control not found return
	if (curControl == null) 
		return;
	
	// Disable form field
	curControl.disabled = isDisabled;
}
				

					 
<tag>
	<name>autopopulate</name>
	<tagclass>com.testwebsite.controls.autopopulate.AutoPopulateTag
	</tagclass>
	<bodycontent>JSP</bodycontent>
	<info>
		Auto-populate form input fields based on a specified value.
	</info>
	<!-- Unique identifier for control -->
	<attribute>
		<name>id</name>
		<required>true</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute>
	<!-- Class that provides form field data for control -->
	<attribute>
		<name>providerclass</name>
		<required>true</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute>
	<!-- Message displayed when asynchronous call is made -->			
	<attribute>
		<name>updatemessage</name>
		<required>false</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute>
	<!-- True/false to disable target fields upon update -->
	<attribute>
		<name>disablefields</name>
		<required>false</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute>		
</tag>		
				

					 
<tag>
	<name>populaterule</name>
	<tagclass>com.testwebsite.controls.autopopulate.PopulateRuleTag
	</tagclass>
	<bodycontent>empty</bodycontent>
	<info>Contains the auto-populate rule for form fields.</info>
	<!-- Unique identifier for control -->
	<attribute>
		<name>sourceattribute</name>
		<required>true</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute>
	<attribute>
		<name>fieldname</name>
		<required>true</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute>
</tag>	
				

							
package com.testwebsite.interfaces;

import java.util.HashMap;

public interface IServerValidator {
	/**
	 * The validate method performs the server side validation and returns the 
	 * Server Validator Response (i.e. is valid, message)
	 * @param arguments Server Validator arguments
	 * @return Server Validator Response 
	 */
	IServerValidatorResponse validate(HashMap<String, String> arguments);
}		
				

				
package com.testwebsite.interfaces;

public interface IServerValidatorResponse {

	/**
	 * The getMessage method returns the error/warning message 
	 * displayed if isValid is false. 
	 * @return
	 */
	String getMessage();
	
	/**
	 * The isValid method returns true/false if validated
	 * @return
	 */
	boolean isValid();
}		
				

				
package com.testwebsite.bll.servervalidators;

import java.util.HashMap;
import com.testwebsite.controls.servervalidator.ServerValidatorResponse;
import com.testwebsite.dal.AccountDataService;
import com.testwebsite.interfaces.IServerValidator;
import com.testwebsite.interfaces.IServerValidatorResponse;

public class AccountNameValidator implements IServerValidator {

	@Override
	public IServerValidatorResponse validate(HashMap<String, String> arguments) {
		ServerValidatorResponse response = null;
		
		if (arguments.containsKey("accountName")) {
			String loginId = arguments.get("accountName");
			AccountDataService actService = new AccountDataService();
			boolean isValid = actService.isAccountUnique(loginId);
			
			StringBuffer message = new StringBuffer();
			if (isValid) {
				message.append("The login id '");
				message.append(loginId);
				message.append("' is valid.");
			}
			else {				
				message.append("The login id '");
				message.append(loginId);
				message.append("' is invalid. An account with 
					the specified name already exists.");
			}
			
			response = new ServerValidatorResponse
				(isValid, message.toString());
		}
		else {
			response = new ServerValidatorResponse
				(false, "The 'Login Id' not specified.");
		}
		
		return response;
	}

}
				

				
package com.testwebsite.bll.servervalidators;

import java.util.HashMap;

import com.testwebsite.controls.servervalidator.ServerValidatorResponse;
import com.testwebsite.dal.AccountDataService;
import com.testwebsite.interfaces.IServerValidator;
import com.testwebsite.interfaces.IServerValidatorResponse;

public class NameValidator implements IServerValidator {

	@Override
	public IServerValidatorResponse validate(HashMap<String, String> arguments) {
		ServerValidatorResponse response = null;
		
		if (arguments.containsKey("firstName") && 
		arguments.containsKey("lastName") ) {
			String firstName = arguments.get("firstName");
			String lastName = arguments.get("lastName");
			
			if (firstName == null || firstName.length() < 1 
			|| lastName == null || lastName.length() < 1) {
				response = new ServerValidatorResponse(false, "");
				return response;
			}
			
			AccountDataService actService = new AccountDataService();
			boolean isValid = actService.isNameUnique(firstName, lastName);
			
			StringBuffer message = new StringBuffer();
			if (isValid) {
				message.append("The Name '");
				message.append(firstName);
				message.append(" "); 
				message.append(lastName);
				message.append("' is valid.");
			}
			else {				
				message.append("The Name '");
				message.append(firstName);
				message.append(" "); 
				message.append(lastName);
				message.append("' is invalid. An account with 
					the specified name already exists.");
			}
			
			response = new ServerValidatorResponse(isValid, 
				message.toString());
		}
		else {
			response = new ServerValidatorResponse(false, 
				"The 'First Name' and/or 'Last Name' 
				were not specified.");
		}
		
		return response;
	}
}
				

				public class ServerValidatorServlet extends HttpServlet {
	private static final long serialVersionUID = -4272040300274058366L;
		
	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {		
		this.processRequest(req, resp); }
	
	protected void doPost(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		this.processRequest(req, resp);	}
	
	/** The processRequest method processes the request (whether get or post) */
	protected void processRequest(HttpServletRequest req, 
		HttpServletResponse resp) throws IOException {		
		String data = "";

		// Get parameters from query string
		String className = req.getParameter("validatorClass");
		String targetField = req.getParameter("targetField");
		String targetFieldValue = req.getParameter("targetFieldValue");		
		Enumeration paramEnum = req.getParameterNames();
		HashMap<String, String> args = new HashMap<String, String>();
		while (paramEnum.hasMoreElements()) {
			String curParam = (String) paramEnum.nextElement();
			if (curParam != null && 
			!curParam.equalsIgnoreCase("validatorClass") &&
					!curParam.equalsIgnoreCase("targetField") &&
					!curParam.equalsIgnoreCase("targetFieldValue")) {
				String curValue = req.getParameter(curParam);
				args.put(curParam, curValue);
			}
		}		
		args.put(targetField, targetFieldValue);
		
		data = this.getJsonResultAsString(className, args);
		resp.setContentType("text/plain");		
		// Write response
		// Get writer for servlet response
		PrintWriter writer = resp.getWriter();
		writer.println(data);
		writer.flush();
	}

	/** Get Result */
	public String getJsonResultAsString(String className, 
		HashMap<String, 
		String> args) {		
		String data = "";		
		// Get dataprovider class using reflection
		// Construct class
		Class providerClass;
		try {
			// Get provider class
			providerClass = Class.forName(className);
			
			// Construct method and method param types
			Class[] paramTypes = new Class[1];
			paramTypes[0] = HashMap.class;			
			Method validateMethod = 
				providerClass.getMethod("validate", paramTypes);
			
			// Construct method param values
            Object[] argList = new Object[1];            
            argList[0] = args;            
            
            // Get instance of the provider class
            Object providerInstance = providerClass.newInstance();
			
            // Invoke method using reflection
            IServerValidatorResponse validatorResponse = 
            (IServerValidatorResponse) validateMethod.invoke(providerInstance, argList);
			
			// Build server JSON response 
			JSONObject jsonResponse = new JSONObject();
			jsonResponse.put("isValid", validatorResponse.isValid());
			jsonResponse.put("message", validatorResponse.getMessage());
			
			// Convert JSONObject result to string
			data = jsonResponse.toString();
		} catch (ClassNotFoundException e) {
			e.printStackTrace();
		} catch (InstantiationException e) {
			e.printStackTrace();
		} catch (IllegalAccessException e) {
			e.printStackTrace();
		} catch (SecurityException e) {
			e.printStackTrace();
		} catch (NoSuchMethodException e) {
			e.printStackTrace();
		} catch (IllegalArgumentException e) {
			e.printStackTrace();
		} catch (InvocationTargetException e) {
			e.printStackTrace();
		} catch (JSONException e) {
			e.printStackTrace();
		}			
	
		return data; }	
}
				

				
function accountNameValidator_onBlur() {
	var controlValue = getFormValue('accountName');
	if (controlValue == null || controlValue.length < 1) {
		return;
	}

	var dataUrl = '/ajaxcontrols2/ServerValidator';

	// Post data (dynamically generated by the 
	// <ajax:servervalidator/> and <ajax:validatorarguments/> tags
	var postData = 'validatorClass=
		com.testwebsite.bll.servervalidators.AccountNameValidator&
		targetField=accountName&targetFieldValue=' + controlValue;

	// Initialize XmlHttpRequest object
	initializeXmlHttpRequest();
	
	// If XmlHttpRequest object initialized
	if (req!=null) {
		// Set call back method
		req.onreadystatechange=accountNameValidator_onServerResponse;

		// Update status message
		window.status='Validating data...';

		// Open connection
		req.open('POST',dataUrl,true);
		
		/// Set request header
		req.setRequestHeader("Content-type", 
			"application/x-www-form-urlencoded");
		req.setRequestHeader("Content-length", postData.length);
		
		// Post request
		req.send(postData);
	}
	window.status='';
}
				

				
function accountNameValidator_onServerResponse() {'
	// Get specified control
	var curControl = document.getElementById('accountName');
	if (curControl == null) return;

	// If not complete
	if(req.readyState!=4) return;
	
	// If error
	if(req.status != 200) {
		alert('An error occurred retrieving data.');
		return;
	}

	// Get response data
	var responseData = req.responseText;
	var dataObj =eval('(' + responseData + ')');

	// If response data is null
	if (dataObj == null) { 
		return; 
	}

	// Get corresponding error SPAN control 
	var msgSpan = getErrorMessageControl(curControl);

	if (msgSpan != null) { 
		msgSpan.className='popupvalidator';
	}

	// If valid
	if (dataObj.isValid) {
		if (msgSpan != null) {
			msgSpan.style.visibility  = 'hidden';
		}
	}
	else if (!dataObj.isValid && dataObj.message != '') {
		msgSpan.style.visibility  = 'visible';
		msgSpan.innerHTML = dataObj.message;
		curControl.focus();
	}
}
				

				
function nameValidator2_onServerResponse() {
	// Get specified control
	var curControl = document.getElementById('lastName');	
	if (curControl == null) return;
	
	// If not complete
	if(req.readyState!=4) return;

	// If error
	if(req.status != 200) {
		alert('An error occurred retrieving data.');
		return;
	}

	// Get response data	
	var responseData = req.responseText;
	var dataObj =eval('(' + responseData + ')');
	
	if (dataObj == null) { 
		return; 
	}

	if (dataObj.isValid){
	}
	else if (!dataObj.isValid && dataObj.message != ''){
		alert(dataObj.message);
		curControl.focus();
	}
}
				

				
<tag>
	<name>servervalidator</name>
	<tagclass>com.testwebsite.controls.servervalidator.ServerValidatorTag
	</tagclass>
	<bodycontent>JSP</bodycontent>
	<info>Server validator tag (returns JSON result for 
	asynchronous server validation</info>
	<!-- Unique identifier for control -->
	<attribute>
		<name>id</name>
		<required>true</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute>		
	<!-- Message displayed while retrieving values from Value Provider -->
	<attribute>
		<name>updatemessage</name>
		<required>false</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute>
	<!-- Target field for validation-->
	<attribute>
		<name>targetfield</name>
		<required>true</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute>
	<!-- Fully qualified class name for validator implementation -->
	<attribute>
		<name>validatorclass</name>
		<required>true</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute>
	<!-- CSS Class name for popup -->
	<attribute>
		<name>cssclass</name>
		<required>false</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute>
	<!-- Clear on invalid-->
	<attribute>
		<name>clearinvalid</name>
		<required>false</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute>
	<!-- Refocus if invalid-->
	<attribute>
		<name>refocusinvalid</name>
		<required>false</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute> 
	<!-- Mode of error --> 		
	<attribute>
		<name>displaymode</name>
		<required>false</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute>
</tag>
				

				
<tag>
	<name>validatorargument</name>
	<tagclass>com.testwebsite.controls.servervalidator.ValidatorArgumentTag
	</tagclass>
	<bodycontent>empty</bodycontent>
	<info>Contains the argument for the server validator tag.</info>
	<!-- Argument name -->
	<attribute>
		<name>name</name>
		<required>true</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute>
	<!-- Source field for argument value -->
	<attribute>
		<name>sourcefield</name>
		<required>false</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute>
	<!-- Value for argument (overrides source field value if specified -->
	<attribute>
		<name>value</name>
		<required>false</required>
		<rtexprvalue>false</rtexprvalue>
	</attribute>
</tag>	
				

				
<%@ page contentType="text/html; charset=ISO-8859-5" %>
<%@ taglib prefix="ajax" 
uri="/WEB-INF/tlds/ajax_controls.tld"%>
<html>
<head><title>New Customer Information</title>
<link href="core.css" rel="stylesheet" 
type="text/css"/>
<ajax:page/>
</head>

<body>
<div id="container">
<form>
<table class="dialog" cellspacing="0" 
cellpadding="0">
<thead>
<tr><td class="dialogTitle" colspan="2">
Contact Information
</td></tr>
</thead>
<tbody>
<tr><td class="fieldLabel">Last Name:						
</td>
<td class="fieldValue">
<input type="text" id="lastName" size="40"/>
</td></tr>

<tr><td class="fieldLabel">First Name:						
</td>
<td class="fieldValue">
<input type="text" id="firstName" 
size="40"/>
</td></tr>

<tr><td class="fieldLabel">Address:						
</td>
<td class="fieldValue">
<input type="text" id="streetAddress" 
size="40"/>
</td></tr>

<tr><td class="fieldLabel">Zip Code:						
</td>
<td class="fieldValue">
<ajax:autopopulate id="zipCode" 
providerclass="com.testwebsite.bll.LocationFormDataProvider"
updatemessage="Retrieving data from server...">
<ajax:populaterule fieldname="cityName"
sourceattribute="cityName"/>
<ajax:populaterule fieldname="countyName" 
sourceattribute="countyName"/>
<ajax:populaterule fieldname="stateName" 
sourceattribute="stateName"/>
</ajax:autopopulate>
</td></tr>				

<tr>
<td class="fieldLabel">City:						
</td><td class="fieldValue">
<input type="text" id="cityName" 
size="40"/>
</td></tr>

<tr><td class="fieldLabel">County:						
</td>
<td class="fieldValue">
<input type="text" id="countyName" 
size="40"/>
</td></tr>

<tr><td class="fieldLabel">State:						
</td>
<td class="fieldValue">
<input type="text" id="stateName" 
size="40"/>
</td></tr>
</tbody>
<tfoot align="right" class="buttonPane">
<tr>
<td colspan="2">
<input type="reset" />&nbsp;
<input type="submit" value="Save"/>
</td></tr>
</tfoot>
</table>
</form>
</div>					
</body>
</html>
				

				
<%@ page contentType="text/html; charset=ISO-8859-5" %>
<%@ taglib prefix="ajax" 
uri="/WEB-INF/tlds/ajax_controls.tld"%>
<html> <head><title>New Employee</title>
<ajax:page/>		
<link href="core.css" rel="stylesheet" 
type="text/css" /></head>

<body>
<div id="container">
<form>
<table class="dialog" cellspacing="0" 
cellpadding="0">
<thead>
<tr><td class="dialogTitle" colspan="2">Register User
</td></tr>
</thead>

<tbody> 
<tr><td class="fieldLabel">Account Name:</td>
<td class="fieldValue">
<input type="text" id="accountName" size="40"/>
<ajax:servervalidator id="accountNameValidator" 
targetfield="accountName"
displaymode="html"
validatorclass="com.testwebsite.bll.servervalidators.AccountNameValidator"
cssclass="popupvalidator">
</ajax:servervalidator>
</td>
</tr>

<tr><td class="fieldLabel">Email Address:</td>
<td class="fieldValue">
<input type="text" id="emailAddress" size="40"/>
</td></tr>

<tr><td class="fieldLabel">First Name:</td>
<td class="fieldValue"> <input type="text"
 id="firstName" size="40"/>
<ajax:servervalidator id="nameValidator" 
targetfield="firstName" displaymode="javascript"
validatorclass="com.testwebsite.bll.servervalidators.NameValidator">
<ajax:validatorargument name="lastName" 
sourcefield="lastName"/>
</ajax:servervalidator>
</td></tr>

<tr><td class="fieldLabel">Last Name:</td>
<td class="fieldValue">
<input type="text" id="lastName" size="40"/>
<ajax:servervalidator id="nameValidator2" 
targetfield="lastName"
displaymode="javascript"
validatorclass="com.testwebsite.bll.servervalidators.NameValidator">
<ajax:validatorargument name="firstName" 
sourcefield="firstName"/>	
</ajax:servervalidator>
</td></tr>

<tr><td class="fieldLabel">Address:</td>
<td class="fieldValue">
<input type="text" id="streetAddress" size="40"/>
</td></tr>
<tr><td class="fieldLabel">State:						
</td>
<td class="fieldValue">
<ajax:dropdown id="stateName" dataurl="/State" 
width="240" updatemessage="Retrieving State data from server..."
cascadeto="cityName,countyName" />
</td></tr>

<tr><td class="fieldLabel">City:</td>
<td class="fieldValue">
<ajax:dropdown id="cityName" dataurl="/City" 
updatemessage="Retrieving City data from server..."
cascadeto="countyName" width="240"
cascadefrom="stateName" />
</td></tr>

<tr><td class="fieldLabel">County:</td>
<td class="fieldValue">
<ajax:dropdown id="countyName" dataurl="/County" 
updatemessage="Retrieving County data from server..."
cascadefrom="stateName,cityName" width="240"/>
</td></tr>

<tr><td class="fieldLabel">Zip Code:</td>
<td class="fieldValue">							
<input type="text" id="zipCode" 
size="40" />
</td></tr>				
</tbody>

<tfoot align="right" class="buttonPane">
<tr><td colspan="2">
<input type="reset" />&nbsp;
<input type="submit" value="Save"/>
</td></tr></tfoot></table>
</form>
</div>					
</body></html>