<h:form target=“_blank” only after validation

Question

我想要一个表单，在提交和验证后打开一个包含结果的新选项卡。 我使用<h:form target="_blank"方法获取新选项卡，但它在新选项卡中显示验证错误。 如果验证通过，我希望它只打开新选项卡。

我的猜测是唯一真正的跨浏览器解决方案是在提交时做一些SJAX验证，但我不确定是否有任何库可以为我做这个。

那么，只有在验证通过后才有办法验证和打开新窗口吗？

Answer 1

由于您没有提供任何代码示例，我假设您在其中使用<h:form>和<h:commandButton> 。

如果是这样，你必须做一个简单的技巧来克服这个问题。 您必须使用<a4j:commandButton>而不是<h:commandButton>并隐藏<h:commandButton> 。 然后使用<a4j:commandButton>的oncomplete事件来确定是否click <h:commandButton> 。

仅当验证通过时，才会通过javascript单击<h:commandButton 。

<h:form target="_blank">
  <h:inputText value="" required="true" id="txt"/>
  <rich:message for="txt"/>
  <a4j:commandButton value="Submit" action="#{bean.someMethod()}"           
    oncomplete="if(#{!(facesContext.maximumSeverity.ordinal ge 2)}){
    #{rich:element('btn')}.click();}"/>
  <h:commandButton value="temp" id="btn" style="display:none;"/>
</h:form>

Answer 2

如果您可以使用JavaScript使用某些AJAX行为来调用验证 ，则可以使用onSubmit事件函数轻松地执行此操作，如下所示：

   function fnSubmit(){
     var validated= performValidation();
     if(validated){
         document.getElementById('formName').target="_blank";
         document.getElementById('formaName').submit();
     }
   }

Answer 3

我已经受到这个线程的启发，为我的问题找到了解决方案。 所以我决定也发布我的。 如果发生错误，我有要求留在同一站点，如果没有打开带有打印页面的新选项卡。

<h:form target="#{printBean.isErrorHappened() ? '_self' : '_blank'}"
     id="formPrintSearchResult">
     <h:commandLink id="cmdLinkPrintSearchResult"
          value="Print overview"
          onmouseover="#{rich:element('checkForErrors')}.click();"
          action="#{printController.printSearch()}" />
      <a4j:commandLink id="checkForErrors" style="display:none;" 
          render="formPrintSearchResult" />
</h:form>   

如果您愿意，可以在a4j：commandLink上包含另一个操作来检查错误并在printBean中设置errorHappened。