驗證密碼在p：對話框中不起作用

Question

我正在使用PrimeFaces 4.0，我試圖使用對話框更改密碼。 我使用密碼組件來完成這項工作它不能在對話框中工作，但是當我不使用Dialog時它工作正常。

這裏是我的代碼

<h:form> 
    <p:dialog widgetVar="changePw" resizable="true" appendTo="@(body)" 
       modal="true" closable="false" id="changePw"> 

     <p:panel header="change password"> 

      <p:messages id="messages" showDetail="true" showSummary="false" 
         autoUpdate="true" /> 
      <h:panelGrid columns="2" id="matchGrid"> 
       <h:outputLabel for="pwdNew" value="New: *" /> 
       <p:password id="pwdNew" value="#{passwordBean.newPw}" feedback="true" 
          match="pwdConf" required="true" 
          validatorMessage="Pw does n't matches" 
          requiredMessage="Value required"> 
       </p:password> 

       <p:messages showDetail="true" showSummary="false" autoUpdate="true" 
          for="pwdNew" /> 

       <h:outputLabel for="pwdConf" value="Confirm Password: *" /> 
       <p:password id="pwdConf" value="#{passwordBean.newPwConfirmation}" 
          feedback="true" required="true" 
          validatorMessage="invalid password" 
          requiredMessage="Value required"> 
        <f:validateRegex pattern="[A-Za-z0-9]{8,60}" /> 
       </p:password> 
      </h:panelGrid> 
     </p:panel> 

     <p:separator></p:separator> 
     <p:commandButton value="Save" update="matchGrid" 
         process="@this" ajax="true" 
         actionListener="#{passwordBean.changePw}" 
         styleClass="ui-confirmdialog-yes" 
         oncomplete="changePw.hide();" 
         icon="ui-icon-check" /> 

     <p:commandButton value="Cancel" process="@this" 
         onclick="changePw.hide();" styleClass="ui-confirmdialog-no" 
         icon="ui-icon-close" /> 
    </p:dialog> 

    ... 

感謝任何建議！

Answer 1

如果您使用'appendTo =「@（body）」'，則需要在對話框中有一個表格，可在PrimeFaces documentation中閱讀。但請確保它在原始的xhtml不嵌套！

另外，按鈕上的process="@this"可以防止其他輸入被提交（這也不會在對話框外工作，所以你很可能沒有那個）。所以刪除，以及