当用户想要覆盖时,JSF 表单验证跳过第二次提交的特定验证器

JSF form validation skip specific validator for second submit when user wants to override

我正在使用两个验证器验证用户输入的帐号,一个用于基本标准格式,另一个根据数据库中存储的值验证帐号。有效帐号的数据库可能并不总是最新的,所以我想允许用户覆盖并提交他们输入的帐号,但只有在数据库验证失败之后。我一直想验证它的标准格式 8 个字符,没有空格。

    <h:form id="formId">
        <p:panelGrid>
            <p:row>
                <p:column>
                    <p:outputLabel value="Account : " for="acct" />
                </p:column>
                <p:column>
                    <p:selectOneMenu id="acct" value="#{bean.acct.acctNum}" effect="fold" editable="true" validator="acctLengthAndSpaceValidator" required="true" requiredMessage="Required">

                        <f:selectItems value="#{bean.mySavedAccounts}" var="acct"
                            itemLabel="#{acct.acctNumber} itemValue="#{acct.acctNumber}" />
                        <o:validator validatorId="accountDatabaseValidator" disabled="#{bean.skipDbValidation}" />
                    </p:selectOneMenu>
                </p:column>
                <p:column>
                    <p:messages for="acct" showDetail="true" skipDetailIfEqualsSummary="true" />
                </p:column>
            </p:row>
        </p:panelGrid>
        <br />

            
        <p:selectBooleanCheckbox rendered="#{facesContext.validationFailed}" value="#{bean.skipDbValidation}" itemLabel="I know this account is really valid, please skip validation and let me submit!">
            <p:ajax update="@this" listener="#{bean.testListener()}" />
        </p:selectBooleanCheckbox>

        <p:commandButton value="Submit" action="#{bean.submit()}" update="formId"/>
    </h:form>

最初提交表单并出现任何验证失败后,该复选框确实出现(我将弄清楚如何隔离失败的 accountDatabaseValidator)。但是当我 select 复选框并再次提交时,两个验证器仍然被触发。我添加了 ajax 侦听器进行调试,它没有触发并且布尔值 skipDbValidation 仍然是 false。

也许我的方法在实现针对数据库进行验证的具体目标方面是不正确的,但随后为用户提供了在初始失败后跳过数据库验证的选项。

编辑 如果我从复选框中删除 rendered="#{facesContext.validationFailed}" 并使其始终可见,则布尔值 skipDbValidation 将设置为 true 如果复选框被选中,然后在随后的提交中, skipDbValidation 将被忽略正如预期的那样。但我不希望允许用户绕过起初可见的复选框。仅在验证失败后。

我的工作是让复选框以编程方式显示,因此复选框的功能是使用 CSS 而不是渲染属性来隐藏和显示。

style="#{facesContext.validationFailed ? 'Display: inline' : 'Display: none;'}"

    <p:selectBooleanCheckbox style="#{facesContext.validationFailed ? 'Display: inline' : 'Display: none;'}" value="#{bean.skipDbValidation}" itemLabel="I know this account is really valid, please skip validation and let me submit!">
        <p:ajax update="@this" />
    </p:selectBooleanCheckbox>

但我仍然不知道如何显示特定验证失败的复选框。

我会post另一个问题

编辑 这是我在无效帐户验证失败后才最终显示复选框的方式。

    <p:selectBooleanCheckbox style="#{facesContext.messageList.stream()
         .anyMatch(v -&gt; v.summary == 'Invalid Account') or 
          bean.skipDbValidation ? 'Display: inline' : 'Display: none;'}" 
          value="#{bean.skipDbValidation}" itemLabel="I know this account is really valid, please skip validation and let me submit!">
        <p:ajax update="@this" />
    </p:selectBooleanCheckbox>

这不起作用的技术解释是 rendered 属性在处理表单提交期间是 re-evaluated。此时,faces 上下文不再是 validationFailed(在上一个请求期间它只是 validationFailed),因此不再呈现组件,然后将不会应用组件的提交值。这与 commandButton/commandLink/ajax action/listener method not invoked or input value not set/updated.

中的 #6 匹配

您通过渲染 client-side 而不是 server-side 来解决问题是可以接受的。但是我了解到您只想在调用特定验证器时才显示它。至少有两种方法可以实现:

  1. 检查感兴趣的输入组件的 UIInput#isValid()。您可以通过组件的 binding 属性将组件绑定到视图(而不是 bean!)来实现这一点,这样您就可以在同一视图的其他地方引用它。

     <p:selectOneMenu binding="#{acct}" ...>
         ...
     </p:selectOneMenu>
    
     ...
    
     <p:selectBooleanCheckbox styleClass="#{acct.valid ? 'ui-helper-hidden' : ''}" ...>
         ...
     </p:selectBooleanCheckbox>
    

    请注意,我借此机会重用了 PrimeFaces-provided 样式 class。

  2. 或者,使验证器成为一个视图范围的 bean,并通过 <o:validator binding> 引用它。

     @Named
     @ViewScoped
     public class AccountDatabaseValidator implements Validator, Serializable {
    
         private boolean validationFailed;
    
         @Override
         public void validate(FacesContext context, UIComponent component, Object value) throws ValidatorException {
              // ...
    
              validationFailed = !isValid(value);
    
              if (validationFailed) {
                  throw new ValidatorException(createError("Invalid value"));
              }
         }
    
         public boolean isValidationFailed() {
             return validationFailed;
         }
     }
    
     <p:selectOneMenu ...>
         <o:validator binding="#{accountDatabaseValidator}" ... />
     </p:selectOneMenu>
    
     ...
    
     <p:selectBooleanCheckbox rendered="#{accountDatabaseValidator.validationFailed}" ...>
         ...
     </p:selectBooleanCheckbox>