Wie validiere ich Klick von h: outputLink mit imaginärem Required = "true"?

Question

Ich versuche, Validierung in meinem Link zu setzen. Wenn der Benutzer auf Befehlsschaltfläche klickt, ohne auf outputLink-Benutzer zu klicken, wird eine Fehlermeldung angezeigt. Ich benutze required="true", aber es funktioniert nicht.

<h:form> 
    <h:outputLink value="https://www.google.com/" required="true">test</h:outputLink> 
    <h:commandButton value="Submit" action="#{userTest.test()}"/> 
</h:form> 

Answer 1

Verknüpfen Sie eine erforderliche versteckte Eingabe mit der Verknüpfung und legen Sie ihren Wert über JS fest.

Hier ist ein Kickoff-Beispiel, das davon ausgeht, dass der versteckte Eingang das erste Geschwister der Verbindung ist.

<h:form> 
    <h:outputLink 
     value="http://google.com" 
     target="_blank" 
     onclick="this.nextSibling.value=true">test</h:outputLink> 
    <h:inputHidden 
     required="true" 
     requiredMessage="You need to click that link!" /> 
    <h:commandButton value="submit" /> 
    <h:messages /> 
</h:form>