验证失败应防止关闭模式对话框

确实看起来像

<h:commandButton>
    <f:ajax onevent="function(e){if(e.status == 'complete') doSomething();}"/>
</h:commandButton>

不等于

<b:commandButton ajax="true" oncomplete="doSomething();"/>

为了h:commandButton仅在表单没有验证错误时通过javascript关闭模态对话框，您必须：

1. 添加<b:fetchBeanInfos/>组件到窗体中建议这个帖子我最初提出的重复你的问题。还要确保它随着每个ajax请求而更新。
2. 不检查data.status == 'complete'而是data.status == 'success'
3. onclick="validateModalDialog();"完全删除。

这是为服务器端验证而更改的代码，仅在输入不为空（required="true"）时关闭对话框。请注意，也testBean.save()仅对有效输入调用。

<b:form>
    <!--  section that gets updated by ajax-request -->
    <b:panel id="updateSection">
        <h:outputText value="#{testBean.value1}" />
        <b:button value="open dialog" onclick="$('.pseudoClass').modal()" />
    </b:panel>
    <!-- modal dialog -->
    <b:modal title="model" styleClass="pseudoClass" closable="false"
        closeOnEscape="true">
        <b:panel id="modalOutput">
            <h:inputText id="myInput" value="#{testBean.value1}" required="true" />
            <h:message for="myInput" />
            <b:fetchBeanInfos /> <!-- creates the validationFailed JavaScript variable 
                                  and must be within rendered components. -->
        </b:panel>
        <f:facet name="footer">
            <!-- cancel button -->
            <b:button largeScreen="half" value="cancel" dismiss="modal"
                onclick="return false;" />
            <!-- submit button ajax-style -->
            <h:commandButton value="submit" action="#{testBean.save()}">
                <f:ajax render="updateSection modalOutput"
                    execute="@this modalOutput" onevent="closeModalDialog" />
            </h:commandButton>
            <!-- scripts to close & validate modal dialog -->
            <h:outputScript>
                   function closeModalDialog(data) {
                       var status = data.status;
                       if (!validationFailed &amp;&amp; status === 'success') { $('.pseudoClass').modal('hide'); }
                   }
           </h:outputScript>
        </f:facet>
    </b:modal>
</b:form>

一点示范：

如果要完全阻止无效表单上的Ajax表单提交并进行客户端验证，则必须onclick根据以下内容进行修改：与JS客户端验证结合使用时，不会触发JSF ajax请求：

<h:commandButton value="submit" action="#{testBean.save()}" 
        onclick="if(!validateModalDialog()) return false;">
    <f:ajax render="updateSection" execute="@this modalOutput" onevent="closeModalDialog" />
</h:commandButton>

当心客户端验证不会阻止用户通过例如使用其浏览器开发工具进行游戏来提交无效数据。