aui 验证器不处理 liferay 中的表单提交

Question

我有一些字段的简单表单，我只想在客户端验证我的字段，所以我正在使用它处理模糊事件

问题是当我提交表单时显示错误消息并提交表单

我正在尝试验证表单提交，但我如何才能知道哪个验证失败

<aui:form name="myForm" action="<%=uploadPromotionURL %>" method="post" enctype="multipart/form-data">
<aui:input name="promotionName"  label="Promotion Name">
    <aui:validator name="required" errorMessage="This field can not be empty"/>
</aui:input>
<aui:input name="promotionDesc" label="Promotion Description"/>

<aui:input type="file" name="offerImages" label="Promotion Image" multiple="multiple" accept="image/*" onchange="setUploadSize(this)">
    <aui:validator name="acceptFiles">'jpg,png,tif,gif,jpeg'</aui:validator>
    <aui:validator name="required" errorMessage="Please chhose offer"/>
    <aui:validator name="custom" errorMessage="File size should not be more than 5Mb">
                        function(val,node,junction){
                            if(uploadSize==true){
                                return true;
                            }else{
                                return false;
                            }
                        }
                    </aui:validator>
</aui:input>

    <aui:select label="Promotion Assignment" id="promotionAssignmentId"
        helpMessage="Choose options" name="promotionAssignment"
        multiple="true">
        <c:forEach var="client" items="${clientList}">
            <aui:option value="${client.key}">${client.value }</aui:option>
        </c:forEach>
        <aui:validator name="required"
            errorMessage="Please Select At least One Client " />
    </aui:select>

    <aui:button type="submit" name="submit" value="submit" />

Answer 1

仅使用 <aui:validator> 作为 <aui:input> 标签的主体。对于除此之外的标签，还有其他方法。

如果您只需要对下拉列表进行必填字段验证，我建议您使用 <aui:select> 选项卡中的 required="true" 属性。这样做会显示默认的 This field is required 消息。

如果您需要自定义错误消息，则必须使用 <aui:script> 进行表单验证：

<aui:script use="aui-form-validator">
    new A.FormValidator({
        boundingBox: $("<portlet:namespace />myForm"),
        rules: {
            <portlet:namespace />promotionAssignment: {
                required: true
            }
        },
        fieldStrings: {
            <portlet:namespace />promotionAssignment: {
                required: 'Please select at least one client'
            }
        }
    });
</aui:script>

以下是一些关于 liferay 验证的参考资料： https://community.liferay.com/forums/-/message_boards/message/17517133 http://www.liferaysavvy.com/2014/01/form-validation-in-liferay.html

aui 验证器不处理 liferay 中的表单提交

aui validator not working on form submit in liferay

java

html

liferay

liferay-7

liferay-aui