customvalidation.xhtml

OperaMasks是一种基于J2EE的Web开发技术

<f:view xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:w="http://www.apusic.com/jsf/widget" xmlns:layout="http://www.apusic.com/jsf/layout"
	xmlns:ajax="http://www.apusic.com/jsf/ajax" renderKitId="AJAX"
	xmlns:h="http://java.sun.com/jsf/html">
	<w:head>
		<w:stylesheet src="/common/resources/examples.css"/>
	</w:head>
	<w:page>
		<div class="examDesc">
			<p>本例演示了"自定义"的表单验证，客户端和服务端采用的是不同的验证，客户端验证输入的值是否符合要求（以字母开头，允许5-16字节，允许字母数字下划线），服务端验证用户名是否存在（请输入operamasks体验一下）</p>
		</div>
		<w:form transient="true" msgTarget="under" clientValidate="true">
			<layout:panelGrid columns="1">
				<w:textField id="name" fieldLabel="用户名：">
					<ajax:clientValidator message="用户名必须以字母开头，允许5-16字节，允许字母数字下划线">
	  					var re = new RegExp("^[a-zA-Z][a-zA-Z0-9_]{4,15}$");
	  					return re.test(value);
					</ajax:clientValidator>
				</w:textField>
				<w:button value="提交" id="click" />
				<h:outputText id="response"></h:outputText>
			</layout:panelGrid>
		</w:form>
	</w:page>
</f:view>