[Liferay6.2]AUI表单验证示例

<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet"%>
<%@ taglib uri="http://liferay.com/tld/aui" prefix="aui"%>
<portlet:defineObjects />

<aui:form action="" name="<portlet:namespace />fm">
    <aui:fieldset>
        <aui:input name="input1" label="不加校验" />
        <aui:input name="input2" label="必填项">
            <aui:validator name="required" />
        </aui:input>
        <aui:input name="input3" label="英文字母（最小长度：2，最大长度：10）">
            <aui:validator name="alpha" />
            <aui:validator name="maxLength">10</aui:validator>
            <aui:validator name="minLength">2</aui:validator>
        </aui:input>
        <aui:input name="input4" label="英文字母或数字字符">
            <aui:validator name="alphanum" />
        </aui:input>
        <aui:input name="input5" label="数字(最小0，最大10)">
            <aui:validator name="digits" />
            <aui:validator name="min">0</aui:validator>
            <aui:validator name="max">10</aui:validator>
        </aui:input>
        <aui:input name="input6" label="电子邮件地址">
            <aui:validator name="email" />
        </aui:input>
        <aui:input name="input7" label="密码">
            <aui:validator name="required" />
        </aui:input>
        <aui:input name="input8" label="重复密码">
            <aui:validator name="equalTo">'#<portlet:namespace />input7'</aui:validator>
        </aui:input>
        <aui:input name="input9" label="数字（正负数、小数）">
            <aui:validator name="number" />
        </aui:input>
        <aui:input name="input10" label="网址">
            <aui:validator name="url" />
        </aui:input>
        <aui:input name="input11" label="日期">
            <aui:validator name="date" />
        </aui:input>
        <aui:input type="file" name="input12" label="文件类型">
            <aui:validator name="acceptFiles">'xls,xlsx,doc,docx,ppt,pptx'</aui:validator>
        </aui:input>
        <aui:input name="input13" label="国际化资源标识符（IRI）">
            <aui:validator name="iri" />
        </aui:input>
        <aui:input name="input14" label="自定义年份">
            <aui:validator name="custom" errorMessage="请输入[2000,2015]之间的年份：">
                function (val, fieldNode, ruleValue) {
                    if ( val >=2000 && val <=2015) {
                        return true;
                    }else{
                        return false;
                    }
                }
            </aui:validator>
        </aui:input>
    </aui:fieldset>

    <aui:button-row>
        <aui:button type="submit"></aui:button>
    </aui:button-row>
</aui:form>
[Liferay6.2]AUI表单验证示例

推荐阅读
