📄 入門 20 - validator客戶端驗證 - javaworld@tw.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0071)http://www.javaworld.com.tw/confluence/pages/viewpage.action?pageId=617 -->
<HTML><HEAD><TITLE>入門 20 - Validator客戶端驗證 - JAVAWORLD@TW</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8"><!-- CONFL-BEGIN standardHeader -->
<META http-equiv=Pragma content=no-cache>
<META http-equiv=Expires content=-1>
<SCRIPT language=javascript> var contextPath = '/confluence';</SCRIPT>
<LINK href="入門 20 - Validator客戶端驗證 - JAVAWORLD@TW.files/main-action.css"
type=text/css rel=stylesheet><LINK href="/confluence/images/icons/favicon.ico"
rel="shortcut icon"><LINK href="/confluence/images/icons/favicon.png"
type=image/png rel=icon>
<SCRIPT src="入門 20 - Validator客戶端驗證 - JAVAWORLD@TW.files/effects.js"></SCRIPT>
<!-- CONF-END standardHeader -->
<META content="MSHTML 6.00.2800.1491" name=GENERATOR></HEAD>
<BODY onload=placeFocus()>
<DIV id=Content>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=logocell width="60%" rowSpan=2>
<DIV class=spacenametitle><A
href="http://www.javaworld.com.tw/confluence/display/opensrc"><IMG
src="入門 20 - Validator客戶端驗證 - JAVAWORLD@TW.files/confluence_logo.gif"
align=bottom border=0></A> <A
href="http://www.javaworld.com.tw/confluence/display/opensrc">OpenSource
Project</A></DIV></TD>
<TD vAlign=top align=right width="40%">
<TABLE cellSpacing=1 cellPadding=2 align=right bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD class=navItem onmouseover="this.className='navItemOver'"
onclick="window.document.location='/confluence/'"
onmouseout="this.className='navItem'" vAlign=center noWrap
align=middle> <A title="Go to the Confluence Dashboard"
accessKey=h onclick="return false"
href="http://www.javaworld.com.tw/confluence/"><U>H</U>OME</A>
</TD>
<TD class=navItem onmouseover="this.className='navItemOver'"
onclick="window.document.location='/confluence/spaces/listspaces.action'"
onmouseout="this.className='navItem'" vAlign=center noWrap
align=middle> <A title="The spaces available for you"
accessKey=s onclick="return false"
href="http://www.javaworld.com.tw/confluence/spaces/listspaces.action"><U>S</U>PACES</A>
</TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD vAlign=bottom align=right><SPAN class=smalltext><A
href="http://www.javaworld.com.tw/confluence/login.action?os_destination=/pages/viewpage.action?pageId=617">Log
In</A> </SPAN><A
href="http://www.javaworld.com.tw/confluence/pages/viewpage.action?pageId=617&decorator=printable"><IMG
title="View a printable version of the current page." height=16
alt="View a printable version of the current page." hspace=1
src="入門 20 - Validator客戶端驗證 - JAVAWORLD@TW.files/print_16.gif" width=16
align=absMiddle vspace=1 border=0></A> <A
href="http://confluence.atlassian.com/display/DOC"><IMG
title="Get help from the Confluence website." height=16
alt="Get help from the Confluence website." hspace=1
src="入門 20 - Validator客戶端驗證 - JAVAWORLD@TW.files/help_16.gif" width=16
align=absMiddle vspace=1 border=0></A> </TD></TR></TBODY></TABLE><!-- CONF-BEGIN breadcrumbsAndSearch -->
<DIV class=breadcrumbs width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD> Location: <A
href="http://www.javaworld.com.tw/confluence/dashboard.action">Dashboard</A>
> <A
href="http://www.javaworld.com.tw/confluence/spaces/viewspacesummary.action?key=opensrc">opensrc</A>
> <A
href="http://www.javaworld.com.tw/confluence/pages/listpages.action?key=opensrc">Pages</A>
> <A
href="http://www.javaworld.com.tw/confluence/display/opensrc/Home">Home</A>
> <A
href="http://www.javaworld.com.tw/confluence/display/opensrc/Struts">Struts</A>
> <A
href="http://www.javaworld.com.tw/confluence/pages/viewpage.action?pageId=1958">Struts入門</A>
> <A
href="http://www.javaworld.com.tw/confluence/pages/viewpage.action?pageId=617">入門
20 - Validator客戶端驗證</A> </TD>
<FORM name=searchForm action=/confluence/dosearchsite.action
method=get><INPUT type=hidden value=true name=quickSearch>
<TD vAlign=bottom align=right width=200><A style="TEXT-DECORATION: none"
href="http://www.javaworld.com.tw/confluence/searchsite.action"><U>Q</U>uick
<U>Search</U></A>:<INPUT accessKey=q size=10 name=searchQuery.queryString><INPUT type=submit value=Go><BR><IMG height=1
src="入門 20 - Validator客戶端驗證 - JAVAWORLD@TW.files/spacer.gif"
width=200></TD></FORM></TR></TBODY></TABLE></DIV><!-- CONF-END breadcrumbsAndSearch -->
<TABLE cellSpacing=0 cellPadding=5 width="100%" border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=pagebody vAlign=top>
<DIV class=pageheader><SPAN class=pagetitle>入門 20 -
Validator客戶端驗證</SPAN> </DIV>
<SCRIPT language=javascript> function toggle(id) { var oldAttachmentVersionsBlock = document.getElementById('attachment' + id); with (oldAttachmentVersionsBlock.style) { if ( display == "none" ) display = "" else display = "none" } var arrowIcon = document.getElementById('arrow' + id); with (arrowIcon) { if (src != null && (src.indexOf('/confluence/images/icons/arrow_closed_active_16.gif') != -1 || src.indexOf('/confluence/images/icons/arrow_closing_active_16.gif') != -1)) { src = '/confluence/images/icons/arrow_opening_active_16.gif'; } else { src = '/confluence/images/icons/arrow_closing_active_16.gif'; } } } </SCRIPT>
<DIV class=pagesubheading>Last changed on Oct 27, 2004 by <A
href="http://www.javaworld.com.tw/confluence/display/~koji">koji
lin</A>
</DIV><!-- page content --> validator-rules.xml中包括了一些驗證器與驗器規則，除了要自訂驗證器或驗證規則之外，基本上您並不需要去變更它。
<BR> 如果您要進行客戶端的驗證，可以撰寫自己的ActionForm類別，並在validation.xml中定義要驗證的屬性欄位，一個範例如下：
<DIV class=code
style="BORDER-TOP-STYLE: solid; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-BOTTOM-STYLE: solid">
<DIV class=codeHeader
style="BORDER-BOTTOM-STYLE: solid"><B>validation.xml</B></DIV>
<DIV class=codeContent><PRE><?xml version=<SPAN class=java-quote>"1.0"</SPAN> encoding=<SPAN class=java-quote>"ISO-8859-1"</SPAN> ?>
<!DOCTYPE form-validation PUBLIC
<SPAN class=java-quote>"-<SPAN class=java-comment>//Apache Software Foundation//DTD Commons Validator Rules Configuration 1.0//EN"</SPAN> </SPAN>
<SPAN class=java-quote>"http:<SPAN class=java-comment>//jakarta.apache.org/commons/dtds/validator_1_0.dtd"</SPAN>> </SPAN>
<form-validation>
<formset>
<form name=<SPAN class=java-quote>"userForm"</SPAN>>
<field
property=<SPAN class=java-quote>"name"</SPAN>
depends=<SPAN class=java-quote>"required"</SPAN>>
<arg0 key=<SPAN class=java-quote>"logon.username.displayname"</SPAN>/>
</field>
<field
property=<SPAN class=java-quote>"email"</SPAN>
depends=<SPAN class=java-quote>"required,mask"</SPAN>>
<arg0 key=<SPAN class=java-quote>"logon.email.displayname"</SPAN>/>
<<SPAN class=java-keyword>var</SPAN>>
<<SPAN class=java-keyword>var</SPAN>-name>mask</<SPAN class=java-keyword>var</SPAN>-name>
<<SPAN class=java-keyword>var</SPAN>-value>^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*$</<SPAN class=java-keyword>var</SPAN>-value>
</<SPAN class=java-keyword>var</SPAN>>
</field>
</form>
</formset>
</form-validation></PRE></DIV></DIV><BR> <form>的name屬性指明我們將為哪一個ActionForm作驗證，這個名稱必須在struts-config.xml中有定義，我們的userForm中包括兩個屬性name與email，<field>定義要驗證的屬性欄位，depends定義所使用的驗證器，required驗證器會檢查欄位是否填寫，如果沒有，它會使用application.properties中的訊息：
<DIV class=code
style="BORDER-TOP-STYLE: solid; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-BOTTOM-STYLE: solid">
<DIV class=codeHeader
style="BORDER-BOTTOM-STYLE: solid"><B>application.properties</B></DIV>
<DIV class=codeContent><PRE># -- validator --
errors.invalid={0} is invalid.
.....
# -- display --
logon.username.displayname=Username
logon.email.displayname=Email</PRE></DIV></DIV><BR> 您可以將struts-blank中的application.properties複製過來，有
# – validator – 下的驗證訊息將為Validator使用，arg0 會替換 {0} 中的文字。
<BR> 如果depends中指定了兩個以上的驗證器，則會依序使用，如果有一個驗證不通過，則會停止驗證並作出相關回應，mask驗證器用來驗證所輸入的欄位是否符合我們的設定格式，使用regular
expression來設定驗證格式。
<BR> Validator的客戶端驗證是使用JavaScript來進行驗證，驗證規則定義在validator-rules.xml中，有興趣的話可以看看當中有關於JavaScript是如何進行驗證的，我們可以直接使用<html:javascript/>標籤來寫出所必須的JavaScript，一個例子如下：
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -