Spring MVC에서는 Tiles 기반의 Spring JS(Ajax 지원)를 사용하기 위해 AjaxUrlBasedViewResolver와 AjaxTilesView 클래스를 제공한다. Anyframe의 보다 많은 기능을 제공하기 위해 각각의 클래스를 확장한 AjaxUrlBasedContentTypeViewResolver와 AjaxParamTilesView를 제공하며 아래와 같이 설정해 주도록 한다. 다음은 simpleweb-plugin 설치로 추가된 Spring 속성 정의 파일 simpleweb-servlet.xml 파일의 일부이다.

<bean id="ajaxViewResolver" class="org.anyframe.simpleweb.js.ajax.AjaxUrlBasedContentTypeViewResolver">
	<property name="viewClass" value="org.anyframe.simpleweb.js.ajax.tiles2.AjaxParamTilesView"/>
	<property name="order" value="1"/>
	<property name="contentType" value="text/html;charset=utf-8"/>	
</bean>

Tiles를 사용할 경우 Tiles Definition 정보가 작성되어 있는 xml 파일의 위치를 TilesConfigurer를 통해 정의하도록 한다. 이 때, Anyframe에서는 Spring 3.0의 EL문을 사용할 수 있도록 tilesInitializer를 통해 ELTilesInitializer 아래와 같이 정의해 주도록 한다. 다음은 simpleweb-plugin 설치로 추가된 Spring 속성 정의 파일 moviefinder-servlet.xml 파일의 일부이다.

<bean id="tilesConfigurer" class="org.springframework.web.servlet.view.tiles2.TilesConfigurer">
	<property name="tilesInitializer">
		<bean class="org.anyframe.tiles.ELTilesInitializer">
			<property name="definitions">
				<list>
					<value>/WEB-INF/tilesviews.xml</value>
				</list>
			</property>
		</bean>
	</property>
</bean>	

<bean id="tilesConfigurer" class="org.springframework.web.servlet.view.tiles2.TilesConfigurer">
	<property name="tilesInitializer">
		<bean class="org.anyframe.tiles.Servlet24ELTilesInitializer">
			<property name="definitions">
				<list>
					<value>/WEB-INF/tilesviews.xml</value>
				</list>
			</property>
		</bean>
	</property>
</bean>

jQuery를 사용하여 Application을 개발할 때 기본적으로 JSON 객체 타입의 데이터를 주고 받게 되며 Spring 3.0에서는 이러한 JSON View를 지원하기 위해 MappingJacksonJsonView 클래스를 제공한다. Application에서는 JSON View가 아닌 일반적인 JSP View도 함께 사용하므로 이미 정의되어 있는 AjaxUrlBasedContentTypeViewResolver와 별도로 XmlViewResolver를 정의하고 JSON 요청을 처리할 MappingJacksonJsonView를 정의하도록 한다. 다음은 simpleweb-plugin 설치로 추가된 Spring 속성 정의 파일 simpleweb-vo-servlet.xml의 일부이다. (simpleweb-map-servlet.xml of Simpleweb-Map plugin, simpleweb-json-servlet.xml of Simpleweb-JSON plugin)

<bean name="jsonViewResolver" class="org.springframework.web.servlet.view.XmlViewResolver">
	<property name="order" value="1"/>
	<property name="location" value="/WEB-INF/simpleweb-json-views.xml"/>
</bean>

<bean name="jsonView" class="org.springframework.web.servlet.view.json.MappingJacksonJsonView"/>

Tiles Layout 기반의 개발을 하기 위해서는 기본적으로 리턴되는 view 이름을 Tiles Definition으로 정의하고 있다. 이 때, Anyframe submit tag, link tag의 layout 속성을 사용하여 view 이름을 정의해 줄 수 있다. 이 때, 이 속성을 정의하지 않을 시 즉, Tiles Definition을 정의하지 않을 시에 오류가 발생하게 된다. 이에 layout을 정의하지 않아도 기본적으로 "standardLayout"이라는 view를 출력해주기 위해 아래와 같이 Simpleweb을 사용하는 요청에 대해 Interceptor를 정의해 줘야한다. 아래는 Inertceptor를 정의한 simpleweb-servlet.xml의 일부이다.

<mvc:interceptors>
		<mvc:interceptor>
			<mvc:mapping path="/simple*"/>
			<bean class="org.anyframe.simpleweb.interceptor.TilesInterceptor"/>
		</mvc:interceptor>
	</mvc:interceptors>

AbstractServiceController는 Spring에서 제공하는 MultiActionController를 상속받고 있으며 실제로 handleRequest(request, response)메소드를 오버라이드하여 요청을 처리 하고 있다. 다음은 handlerRequest() 메소드의 일부이다.

public ModelAndView handleRequest(HttpServletRequest request,
		HttpServletResponse response) throws Exception {

	// 1. preventing duplicated submission.
	checkDuplicatedSubmission(request);

	// 2. execute service method and get view name
	Map viewInfo = executeServiceAndReturnView(request);
	
	String viewName = (String)viewInfo.get("VIEW_NAME");

	if (viewInfo.get("INPUT_PAGE") == null)
		// set tiles attribute names and values
		setTilesAttributes(request, null);

	// 3. set attributes for empty command object
	setCommandAttributes(request);

	// 4. set attributes for initial data
	setInitdataAttributes(request);
	
	ModelAndView mav = new ModelAndView(viewName);
	
	return mav;
}

일반 Controller 클래스에서 해주는 작업들을 공통화하여 제공하고 있으며 Transfer Object의 종류에 따라 데이터 바인딩 로직을 확장하여 구현하여야 한다. Anyframe에서는 VO, Map, JSON 객체에 대한 데이터 바인딩 로직을 구현한 SimpleServiceController, SimpleMapServiceController, SimpleJSONController를 확장하여 제공한다. AbstractServiceController에서 제공하는 Controller 클래스의 기본 기능은 아래의 같다.

<bean id="beanMethodsRepo" class="org.anyframe.simpleweb.beans.support.BeanMethodRepository"/>

<!-- simple direct service controller -->
<bean name="/simple.do" class="org.anyframe.simpleweb.controller.SimpleServiceController">
	<property name="beanMethodsRepo" ref="beanMethodsRepo" />
</bean>

SimpleMapServiceController는 Map 타입의 객체를 Transfer Object를 사용할 때의 데이터 바인딩을 지원해줄 AbstractServiceController를 확장한 Controller 클래스이다. HttpServletRequest의 Parameter로 넘어온 값을 메소드 정보의 argument 타입의 객체(여기선 Map객체가 됨)로 바인딩 해주며 Map 타입의 객체를 Transfer Object로 사용하는 경우 데이터 바인딩 방법을 바꾸거나 특정 작업을 추가 할 때, 또는 AbstractServiceController의 기능을 변경하고 싶을 때는 SimpleMapServiceController를 확장하여 구현하면 된다. 다음은 simpleweb-plugin 설치로 추가된 Spring 속성 정의 파일 simpleweb-map-servlet.xml 파일의 일부이다.

<!-- simple direct service controller -->
<bean name="/simplemap.do" class="org.anyframe.simpleweb.controller.SimpleMapServiceController">
	<property name="beanMethodsRepo" ref="mapBeanMethodsRepo" />
</bean>

위와 같이 정의하면 "/simplemap.do" 요청을 SimpleMapServiceController가 처리하게 된다.

SimpleJSONController는 JSON 객체를 Datatype으로 사용하는 jQuery의 Component를 지원하기 위해 개발되었다. 현재 SimpleServiceController를 상속받아 구현되어 있으므로 Service Layer에서의 Transfer Object로는 VO 객체를 사용하도록 한다. 물론, jQuery를 연계하기 위해 SimpleJSONController를 사용할 때 Service Layer의 변경이나 추가 코딩없이 기존의 비즈니스 서비스를 호출하여 사용할 수 있다. 현재 Anyframe simpleweb-plugin에서는 jQuery의 Grid, Autocomplete, UI, Tree, Combobox 컴포넌트 예제를 제공하고 있으며 SimpleJSONContorller는 주로 Grid(jqgrid plugin), Autocomplete(autocomplete plugin) 기능에 대한 데이터를 셋팅해 주는 역할을 하고 있다. jQuery의 Grid 컴포넌트(jqgrid plugin)에서 Grid를 그릴 때 비즈니스 서비스 호출후 리턴되는 Page 객체를 바로 받을 수 있는 것이 아닌 Grid에서 인식할 수 있는 Key와 Value 쌍의 Map 형태로 Model 객체에 셋팅해줘야 한다. 다음은 SimpleJSONController 클래스의 일부이다.

if (methodInfo.getOutputParam()[0].getName().equals(
		ANYFRAME_COMMON_PAGE)) {
	//.... 
	jsonModel.put("page", ((Page) result).getCurrentPage() + "");		
	jsonModel.put("total", ((Page) result).getMaxPage() + "");
	jsonModel.put("records", ((Page) result).getTotalCount());
	jsonModel.put("rows", ((Page) result).getList());
}

위의 코드에서 볼 수 있듯이 비즈니스 서비스 수행후 Return 값이 org.anyframe.pagination.Page 타입일 경우 jQuery의 Grid에서 인식 할 수 있는 key값으로 jsonModel 객체를 셋팅해 주고있다. Autocomplete 컴포넌트를 사용할 때도 마찬가지로 출력해줄 데이터를 Autocomplete 컴포넌트에서 인식할 수 있는 key값의 데이터로 셋팅해 주는 부분이 필요하다.

jsonModel.put("autoData", resultValue);

이렇게 생성된 jsonModel 객체는 Controller의 Model 객체로 셋팅되어 View로 전달되게 된다. 위의 코드는 이미 SimpleJSONContorller에 구현되어 있으므로 개발자가 jQuery의 Grid, AutoComplete의 기능을 사용할 때에는 추가 코딩없이 사용할 수 있다. 이 외의 특정 Key 값의 데이터를 필요로 하는 또 다른 컴포넌트를 도입하거나 추가 기능이 필요하게 되면 SimpleJSONController를 확장하여 사용하면 된다. 다음은 simpleweb-plugin 설치로 추가된 Spring 속성 정의 파일 simpleweb-json-servlet.xml 파일의 일부이다.

<bean name="/simplejson.do" class="org.anyframe.simpleweb.controller.SimpleJSONController">
	<property name="beanMethodsRepo" ref="jsonBeanMethodsRepo" />
</bean>

위와 같이 정의하면 "/simplejson.do" 요청을 SimpleJSONController가 처리하게 된다.

SimpleJSONTreeController는 jQuery의 Tree 컴포넌트(jstree)를 지원하기 위한 공통 Controller이다. SimpleJSONTreeController는 SimpleJSONController를 상속받아 구현되어 있다. 기본적으로 Tree에서 필요한 노드 정보를 셋팅하기 위해 Tree 컴포넌트에서 인식 할 수 있는 형태의 도메인 객체를 사용해야한다. 이는 Anyframe에서 제공하는 Attributes, JStreeNode 도메인 클래스를 사용하도록 하고 추가적인 Attribute의 설정이 필요할 경우 해당 클래스를 확장하여 추가하도록 한다. SimpleJSONTreeController는 기본적으로 사용자가 클릭하는 노드의 ID를 가지고 비즈니를 서비스를 호출하고 그 ID에 따라 알맞은 Tree에 출력할 데이터를 셋팅해 주게 된다. 이 때, Tree의 데이터를 셋팅하는 것은 화면 시나리오에 따라 달라질 수 있으므로 개발자는 반드시 SimpleJSONTreeController 클래스를 상속 받고 setTreeData() 메소드를 오버라이드 하여 구현해야한다. 다음은 simpleweb-plugin 설치로 추가된 SimpleJSONTreeController를 확장하여 구현한 MovieTreeController.java 파일의 일부이다.

public class MovieTreeController extends SimpleJSONTreeController {

	@Override
	protected void setTreeData(ArrayList<JSTreeNode> listNode, List jsTreeList,
			String id) throws Exception {
		JSTreeNode node;
		Attributes attr;
		String data;
		if (id.equals("0")) {
			//...중략...
			// id가 0일 경우 Tree 데이터 셋팅하는 로직 구현
			}
		} else {
			//...중략...
			// id가 0이 아닐 경우 Tree 데이터 셋팅하는 로직 구현
			}
		}
	}
}

jQuery의 uploadify 컴포넌트를 사용하여 지정된 파일을 특정 경로에 업로드 하고 파일의 정보를 셋팅하여 Model 객체로 리턴한다. 다음은 FileUploadController 코드의 일부이다.

public class FileUploadController extends AbstractController{
	protected IdGenService idGenService;

	public void setIdGenerationService(IdGenService idGenService) {
		this.idGenService = idGenService;
	}
	
	private String uploadPath = "/upload/";
	
	public void setUploadPath(String uploadPath){
		this.uploadPath = uploadPath;
	}
	
	@Override
	protected ModelAndView handleRequestInternal(HttpServletRequest request,
			HttpServletResponse response) throws Exception {

		MultipartFile file = (MultipartFile) ((MultipartHttpServletRequest)request).getFile("fileData");
		String fileDir = request.getParameter("fileDir");
		
		String destDir = request.getSession().getServletContext().getRealPath(
				uploadPath);
		
		if (fileDir == null) {
			fileDir = idGenService.getNextStringId();
			FileUtils.forceMkdir(new File(destDir + "/" + fileDir));
		}

		file.transferTo(new File(destDir + "/" + fileDir, file.getOriginalFilename()));
		
		Map<String, Object> result = new HashMap<String, Object>();
		result.put("fileNm", file.getOriginalFilename());
		result.put("fileSize", file.getSize());
		result.put("fileDir", fileDir);

		ModelAndView mav = new ModelAndView("jsonView");
		mav.addObject("uploadResult", result);

		return mav;
	}

}

위의 코드에서 볼수 있듯이 "fileData"를 MultipartFile 타입의 객체로 받고 Request Parameter의 "fileDir"를 받아 파일 업로드 로직을 수행한 후 "fileNm", "fileSize", "fileDir"의 데이터를 셋팅한 후 화면에 그 결과를 리턴한다.

위의 기능에서 알 수 있듯이 Partial Rendering, Popup, Validation 기능을 위해 Spring JS를 사용한다. 이번 절에서는 Spring JS와의 연계 방안에 대해 알아보도록 한다. Spring JS를 사용하기 위해서는 spring-js-x.x.x.jar 라이브러리가 필요하다. 이는 simpleweb-plugin 설치시 자동 설치 되므로 개발자가 신경쓰지 않아도 된다. Spring JS는 dojo기반으로 동작하고 있으며 Spring JavaScript 형태로 dojo를 호출해 준다. 필요한 js, image, css 파일의 접근을 위해 ResourceServlet을 제공하고 있으며 web.xml에 해당 servlet을 정의해줘야 한다.

<servlet>
	<servlet-name>Resource Servlet</servlet-name>
	<servlet-class>org.springframework.js.resource.ResourceServlet</servlet-class>
</servlet>
<servlet-mapping>
	<servlet-name>Resource Servlet</servlet-name>
	<url-pattern>/resources/*</url-pattern>
</servlet-mapping>

servlet 정의가 끝나면 해당 js파일과 css파일의 경로를 jsp의 상단에 정의하도록 한다. 다음은 simpleweb-plugin 설치로 추가된 화면 레이아웃이 정의되어 있는 standard.jsp 파일의 일부이다.

<script type="text/javascript" src="<c:url value="/resources/dojo/dojo.js" />"></script>  
<script type="text/javascript" src="<c:url value="/resources/dojo/io/iframe.js" />"></script>  
<script type="text/javascript" src="<c:url value="/resources/anyframe/spring/Anyframe-Spring.js" />"></script>
<script type="text/javascript" src="<c:url value="/resources/anyframe/spring/Anyframe-Spring-Dojo.js" />"></script>
<link type="text/css" rel="stylesheet" href="<c:url value="/resources/dijit/themes/tundra/tundra.css" />" />
<!-- 아래의 css는 Anyframe에서 tundra.css를 customizing 한 css 파일이며 필요시 참조하도록 한다. (필수 정의 아님)-->
<link rel="stylesheet" href="<c:url value='/sample/css/tundra-customized.css'/>" type="text/css">

기본적으로 Spring JS와의 연계를 위해서는 Spring에서 제공하는 JavaScript인 Spring.js와 Spring-Dojo.js를 import하게 된다. 하지만 여기서는 Simpleweb 기능을 지원하기 위해 Anyframe에서 확장한 Anyframe-Spring.js와 Anyframe-Spring-Dojo.js를 사용하도록 한다.

submit tag는 기본적으로 Form submit을 처리하기 위한 tag로 Anyframe의 공통 Controller를 통해 별도의 Controller 클래스 작성없이 바로 비즈니스 서비스를 호출 할 수 있다. submit tag에서 제공하는 Attribute는 아래의 표와 같다.

submit tag의 정의 예는 아래와 같다.

<simpleweb:submit id="addlink" form="movieForm" action="/simplejsoncommon.do" layout="jsonLayout" service="simplewebJsonMovieService.create(movie)" 
	  forward="simplewebJsonMovieFinder.getPagingList(search)"
	  tiles="body:/WEB-INF/jsp/simpleweb-json/moviefinder/movie/list.jsp" 
	  render="partial" jsValidate="true">
	submit
</simpleweb:submit>

link tag는 Get 방식의 요청을 처리하게 될 tag이다. submit tag를 상속받아 구현되어 있으며 tag attribute 또한 submit tag와 같다. 단, Link Tag에서는 Spring JS를 사용한 Popup 기능을 attribute 설정을 통해 사용할 수 있다. Popup 기능을 사용하기 위해 Link Tag에 추가된 Attribute는 아래의 표와 같다.

link tag의 정의 예는 아래와 같다.

<simpleweb:link action="/simplejsoncommon.do" id="addviewlink"  
        	layout="jsonLayout" render="partial" popup="true">
	<simpleweb:setProperty name="title" value="add"/>
</simpleweb:link>

setProperty tag는 submit tag나 link tag의 Inner tag로 사용되며 단순히 name, value 쌍을 가지는 property를 셋팅해주기 위한 tag이다. setProperty tag에서 제공하는 Attribute는 아래와 같다.

setProperty의 설정 예는 아래와 같다.

<simpleweb:link id="jsonMovie" action="/simplejson.do" layout="jsonLayout" tiles="body:/WEB-INF/jsp/simpleweb-json/moviefinder/movie/list.jsp">
	<simpleweb:setProperty name="title">SimpeWeb-JSON[1]</simpleweb:setProperty>
	<simpleweb:setProperty name="javascript value="fncAlert();"></simpleweb:setProperty>
	<simpleweb:setProperty name="request:pageSize" value="100"></simpleweb:setProperty>
	<simpleweb:setProperty name="request:pageUnit" value="3"></simpleweb:setProperty>
</simpleweb:link>

<simpleweb:submit id="updatelink" form="movieForm" service="simplewebVoMovieService.update(movie)" forward="simplewebVoMovieFinder.getPagingList(search)"
		layout="voLayout" tiles="body:/WEB-INF/jsp/simpleweb-vo/moviefinder/movie/list.jsp" render="partial" jsValidate="true">
	<simpleweb:setProperty name="title">
		<img src="<c:url value='/sample/images/btn_update.png'/>" width="64" height="18" border="0" />
	</simpleweb:setProperty>
	<simpleweb:setProperty name="hiddenDiv" value="hiddenDivPopup" />
	<simpleweb:setProperty name="upload" value="true" />
</simpleweb:submit>

doublesubmit tag는 link tag나 submit tag의 inner tag로 사용되며 중복 폼 서브밋 방지 기능 구현을 위해 사용한다. doublesubmit tag에서 제공하는 Attribute는 아래와 같다.

중복 form submit 방지 기능의 구현 예는 아래와 같다.

<simpleweb:link id="addviewlink" layout="voLayout" tiles="body:/WEB-INF/jsp/simpleweb-vo/moviefinder/movie/form.jsp">
	<simpleweb:setProperty name="title"><img src="<c:url value='/sample/images/btn_add.png'/>" width="64" height="18" border="0" /></simpleweb:setProperty>
	<simpleweb:model name="movie" type="${package}.simpleweb.vo.moviefinder.domain.Movie"/>
	<simpleweb:init valueList="genreList:simplewebVoGenreService.getList()" />   
	<simpleweb:doublesubmit formName="movieForm" isShowNewForm="true"/>
</simpleweb:link>

init tag는 link tag나 submit tag의 inner tag로 사용 되며 JSP에서 출력해줄 초기 데이터를 셋팅할 수 있도록 해준다. ","를 사용하여 여러개의 데이터 셋팅이 가능하다. init tag에서 제공하는 Attribute는 아래와 같다.

init tag의 정의 예는 아래와 같다.

<simpleweb:link id="jsonTree" action="/simplejson.do" layout="jsonLayout" tiles="body:/WEB-INF/jsp/simpleweb-json/moviefinder/movie/tree.jsp">
	<simpleweb:model name="movie" type="${package}.simpleweb.json.moviefinder.domain.Movie" />
	<simpleweb:init valueList="genreList:simplewebJsonGenreService.getDropDownGenreList()"></simpleweb:init>
	<simpleweb:setProperty name="title">SimpeWeb-JSON[2]</simpleweb:setProperty>
</simpleweb:link>

validator tag는 link tag나 submit tag의 inner tag로 사용 되며 Server 단 Validation 또는, Custom Javascript Validation을 지원한다. validator tag에서 제공하는 Attribute는 아래와 같다.

다음은 validator tag의 정의 예이다.

<simpleweb:validator validator="movieValidator" inputpage="body:/WEB-INF/jsp/simpleweb-vo/moviefinder/movie/form.jsp"/>

model tag는 link tag나 submit tag의 inner tag로 사용 되며 JSP 페이지의 Model Attribute를 셋팅해준다. model tag에서 제공하는 Attribute는 아래와 같다.

다음은 model tag의 정의 예이다.

 <simpleweb:link id="jsonMovie" action="/simplejson.do" layout="jsonLayout" tiles="body:/WEB-INF/jsp/simpleweb-json/moviefinder/movie/list.jsp">
	<simpleweb:model name="search" type="pack.simpleweb.json.moviefinder.service.MovieSearchVO" />
	<simpleweb:setProperty name="title">SimpeWeb-JSON[1]</simpleweb:setProperty>
</simpleweb:link>

tiles tag는 submit tag와 link tag의 inner tag로 Tiles Definition의 요소를 정의해주는 역할을 한다. 위에서 언급했듯이 Tiles 요소는 submit tag와 link tag의 tiles attribute로 정의할 수 있다. 개발자가 여러개의 Tiles Definition을 정의해야할 때 submit tag와 link tag의 정의가 길어지는 것을 원하지 않는다면 tiles tag를 사용하도록 한다. tiles tag의 Attribute는 아래와 같다.

다음은 tiles tag의 정의 예이다.

<simpleweb:tiles name="body" value="/WEB-INF/jsp/simpleweb-vo/moviefinder/movie/form.jsp"/>

Spring JS에서는 dojo 기반의 Client단 Validation을 지원한다. Anyframe에서는 JavaScript 문을 사용하는 Spring JS를 간편하게 제공하고자 자주 사용하게 되는 요소에 대해서 Anyframe vaildation tag를 제공한다. Validation에 위배되는 필드에 대해서 Validation Error를 UI로 출력해 주며 Submit시 해당사항을 체크해준다. validate tag에서 제공하는 Attribute는 아래와 같다.

다음은 simpleweb-plugin 설치로 추가된 form이 정의된 form.jsp 파일의 일부이다.

<form:form modelAttribute="movie" method="post" action="/simple.do" id="movieForm" name="movieForm" enctype="multipart/form-data">
	<form:input path="title" cssClass="ct_input_g" cssErrorClass="text medium error" size="40" maxlength="50" />
	<simpleweb:validate id="title" required="true" promptMessage="Enter movie Title." /> 
	...중략...
	<form:input path="director" cssClass="ct_input_g" cssErrorClass="text medium error" size="40" maxlength="50" />
	<simpleweb:validate id="director" required="true" /> 
	...중략...
	<form:input path="actors" cssClass="ct_input_g" cssErrorClass="text medium error" size="60" maxlength="50" /></td>
	<simpleweb:validate id="actors" required="true" promptMessage="Enter Actors." />
	...중략...
	<form:input path="runtime" cssClass="ct_input_g" cssErrorClass="text medium error" size="10" maxlength="3" /> min.
	<simpleweb:validate id="runtime" type="Number" />
	...중략...
	<form:input path="releaseDate" cssClass="ct_input_g" cssErrorClass="text medium error" maxlength="10" />
		<c:if test="${empty movie.movieId}">
			<simpleweb:validate id="releaseDate" type="Date" value="currentDate"/>
		</c:if>
		<c:if test="${not empty movie.movieId}">
			<simpleweb:validate id="releaseDate" type="Date"/>
		</c:if>
	...중략...
	<form:input path="ticketPrice" cssClass="ct_input_g" cssErrorClass="text medium error" maxlength="7" />
	<simpleweb:validate id="ticketPrice" type="Number" />
	...중략...
	Is this movie now playing ? <form:checkbox path="nowPlaying" value="Y"/>
	
	<simpleweb:submit id="addlink" form="movieForm" ... 중략...  jsValidate="true">
		<simpleweb:setProperty name="title">
			<img src="<c:url value='/sample/images/btn_add.png'/>" width="64" height="18" border="0" />
		</simpleweb:setProperty>
		<simpleweb:setProperty name="hiddenDiv" value="hiddenDivPopup" />
		<simpleweb:setProperty name="upload" value="true" />
		<simpleweb:doublesubmit formName="movieForm" isSessionForm="true"/>
	</simpleweb:submit>
	.....

위의 코드에서 볼 수 있듯이 <simpleweb:validate> tag만 사용하면 단지 UI로 validation 위배 사항을 알려 줄 뿐이다. submit시 validation 오류를 체크하기 위해서는 반드시 submit tag나 link tag의 jsValidate 속성을 "true"로 설정해줘야 한다.

다음은 validate tag를 적용한 샘플 화면이다.

※ Spring JS에서는 dojo 기반의 다양한 JavaScript를 지원한다. 자세한 사항은 아래의 Link를 참조하도록 한다.