JARCH SHOWCASE
JARCH SHOWCASE
Client Side Validation - Custom A custom client converter or a validator can be implemented easily. Both JSF and Bean Validation APIs are supported.
Validate
<a:form>
    <a:growl showDetail="true"/>

    <a:panel header="Validate">
        <h:panelGrid columns="4" cellpadding="5">
            <h:outputLabel for="email1" value="Email 1: (JSF Validation)" />
            <a:inputText id="email1" value="#{customValidationView.text}">
                <f:validator validatorId="custom.emailValidator" />
            </a:inputText>
            <a:message for="email1" display="tooltip" />
            <h:outputText value="#{customValidationView.text}" />

            <h:outputLabel for="email2" value="Email 2: (Bean Validation)" />
            <a:inputText id="email2" value="#{customValidationView.email}" />
            <a:message for="email2" display="tooltip" />
            <h:outputText value="#{customValidationView.email}" />
        </h:panelGrid>

        <a:commandButton value="Save" ajax="false" icon="ui-icon-check" validateClient="true"/>
    </a:panel>
</a:form>

<script type="text/javascript">
    /**
     * Faces Validator
     */
    PrimeFaces.validator['custom.emailValidator'] = {

        pattern: /\S+@\S+/,

        validate: function(element, value) {
            //use element.data() to access validation metadata, in this case there is none.
            if(!this.pattern.test(value)) {
                throw {
                    summary: 'Validation Error',
                    detail: value + ' is not a valid email.'
                }
            }
        }
    };

    /**
     * Bean validator
     */
    PrimeFaces.validator['Email'] = {

        pattern: /\S+@\S+/,

        MESSAGE_ID: 'org.primefaces.examples.validate.email.message',

        validate: function(element, value) {
            var vc = PrimeFaces.util.ValidationContext;

            if(!this.pattern.test(value)) {
                var msgStr = element.data('p-email-msg'),
                msg = msgStr ? {summary:msgStr, detail: msgStr} : vc.getMessage(this.MESSAGE_ID);

                throw msg;
            }
        }
    };
</script>
                
JARCH, Copyright © 2022 All rights reserved. Running JARCH 24.3.0-SNAPSHOT on PrimeFaces-12.0.0 on Mojarra-2.3.13.