[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>