Aangepaste functies in Adaptive Forms (Core Components)

Inleiding

AEM Forms 6.5 introduceerde de capaciteit om de functies van JavaScript te bepalen die in het bepalen van complexe bedrijfsregels kunnen worden gebruikt gebruikend de regelredacteur. AEM Forms biedt een aantal van dergelijke aangepaste functies uit de verpakking, maar u hebt de behoefte om uw eigen aangepaste functies te definiëren en deze in meerdere formulieren te gebruiken.

De aangepaste functies vergroten de mogelijkheden van formulieren door het bewerken en verwerken van ingevoerde gegevens te vergemakkelijken om aan bepaalde vereisten te voldoen. Ze maken het ook mogelijk het formuliergedrag dynamisch te wijzigen op basis van vooraf gedefinieerde criteria.
In Aanpassings Forms, kunt u douanefuncties binnen de regelredacteur van een Aangepaste Vormgebruiken om specifieke bevestigingsregels voor vormgebieden tot stand te brengen.
Laten we begrijpen hoe een aangepaste functie wordt gebruikt waarbij gebruikers het e-mailadres invoeren. Bovendien moet het ingevoerde e-mailadres een specifieke notatie hebben (het bevat een '@'-symbool en een domeinnaam). Maak een aangepaste functie als "ValidateEmail", die het e-mailadres als invoer gebruikt en waar retourneert als het geldig en anders onwaar is.

function ValidateEmail(inputText)
{
    var email = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
    if(inputText.value.match(email))
        {
            alert("Valid email address!");
            return true;
        }
    else
    {
        alert("Invalid email address!");
        return false;
    }
}

In het bovenstaande voorbeeld wordt de aangepaste functie "ValidateEmail" aangeroepen om te controleren of het ingevoerde e-mailadres geldig is wanneer de gebruiker het formulier probeert te verzenden.

Gebruik van aangepaste functies uses-of-custom-function

De voordelen van het gebruik van aangepaste functies in Adaptive Forms zijn:

Ondersteunde JS-annotaties

Zorg ervoor dat de aangepaste functie die u schrijft, vergezeld gaat van de jsdoc hierboven, voor het geval dat u aangepaste configuratie en beschrijving nodig hebt. Er zijn meerdere manieren om een functie in JavaScript, te declareren en met opmerkingen kunt u de functies bijhouden. Voor meer informatie, zie usejsdoc.org.

Ondersteunde jsdoc -tags:

Ondersteunde typen functiedeclaratie function-declaration-supported-types

Verklaring van de Functie

function area(len) {
    return len*len;
}

Deze functie wordt opgenomen zonder jsdoc opmerkingen.

Uitdrukking van de Functie

var area;
//Some codes later
/** */
area = function(len) {
    return len*len;
};

Uitdrukking en Verklaring van de Functie

var b={};
/** */
b.area = function(len) {
    return len*len;
}

Verklaring van de Functie als Variabele

/** */
var x1,
    area = function(len) {
        return len*len;
    },
    x2 =5, x3 =true;

Beperking: een aangepaste functie kiest alleen de eerste functiedeclaratie uit de lijst met variabelen, indien bijeengevoegd. U kunt functie-expressie gebruiken voor elke gedeclareerde functie.

de Verklaring van de Functie als Voorwerp

var c = {
    b : {
        /** */
        area : function(len) {
            return len*len;
        }
    }
};

Aangepaste functie maken create-custom-function

Voer de volgende stappen uit om een aangepaste functie te maken:

U kunt naar de volgende omslag van de douanefunctieverwijzen. Download en installeer deze map in uw AEM.

Nu kunt u de aangepaste functie in het adaptieve formulier gebruiken door de clientbibliotheek toe te voegen.

Clientbibliotheek toevoegen in een adaptief formulier use-custom-function

Zodra u de clientbibliotheek hebt geïmplementeerd in uw Forms CS-omgeving, gebruikt u de mogelijkheden van de clientbibliotheek in uw adaptieve formulier. De clientbibliotheek toevoegen aan uw adaptieve formulier

Nu, kunt u een regel tot stand brengen om douanefuncties in de regelredacteur te gebruiken:

Nu, begrijpen wij hoe te om een douanefunctie te vormen en te gebruiken gebruikend de Invoke dienst van de Redacteur van de Regel in AEM Forms.