Dit voorbeeld laat zien hoe u het veld markeert waarin de invuller bezig is. Ook ziet u hoe u velden markeert die de invuller niet mag overslaan en hoe u berichtvensters gebruikt met feedback voor de invuller.
In dit voorbeeld wordt rechts van de vereiste velden een sterretje (*) weergegeven. Wanneer een veld wordt geselecteerd, wordt de veldrand blauw. Als de invuller van het formulier niet alle vereiste velden invult en vervolgens op de knop Gegevens controleren klikt, verschijnt er een bericht en verandert de kleur van het veld in rood. Klikt de invuller van het formulier op Gegevens controleren wanneer alle vereiste velden zijn ingevuld, dan wordt er een bevestigingsbericht weergegeven.
Een script maken om een blauwe rand toe te voegen aan een geselecteerd veld
U plaatst een blauwe rand rondom een geselecteerd veld door de volgende scripts aan de tekstvelden toe te voegen:
Voeg bijvoorbeeld de gebeurtenis enter toe aan het veld Naam:
Name.border.edge.color.value = "0,0,255";
Voeg bijvoorbeeld de gebeurtenis exit toe aan het veld Naam:
Name.border.edge.color.value = "255,255,255";
Voeg bijvoorbeeld de gebeurtenis mouseEnter toe aan het veld Naam:
Name.border.edge.color.value = "0,0,255";
Voeg bijvoorbeeld de gebeurtenis mouseExit toe aan het veld Naam:
Name.border.edge.color.value = "255,255,255";
Een script maken voor de knop Gegevens controleren
Met het volgende script voor de knop Gegevens controleren wordt een reeks controles uitgevoerd om te checken of de vereiste velden gegevens bevatten. In dit geval wordt in elk veld afzonderlijk gecontroleerd of de waarde niet null of leeg is. Als de waarde van het veld null of leeg is, wordt in een waarschuwingsbericht aangegeven dat er gegevens in het veld moeten worden ingevoerd en verandert de achtergrondkleur van het invoergebied in rood.
Gebruik deze variabele om te bepalen of een veld gegevens bevat:
var iVar = 0;
if ((Name.rawValue == null) || (Name.rawValue == "")) {
xfa.host.messageBox("Please enter a value in the Name field.");
Met dit script wordt de kleur van het invoergebied in het tekstveld gewijzigd:
xfa.resolveNode("Name.ui.#textEdit.border.edge").stroke = "solid";
xfa.resolveNode("Name.ui.#textEdit.border.fill.color").value = "255,100,50";
// Set the variable to indicate that this field does not contain data.
iVar = 1;
}
else {
// Reset the fillable area of the text field.
xfa.resolveNode("Name.ui.#textEdit.border.edge").stroke = "lowered";
xfa.resolveNode("Name.ui.#textEdit.border.fill.color").value = "255,255,255";
}
if ((Address.rawValue == null) || (Address.rawValue == "")) {
xfa.host.messageBox("Please enter a value in the Address field.");
Met dit script wordt de kleur van het invoergebied in het tekstveld gewijzigd:
xfa.resolveNode("Address.ui.#textEdit.border.edge").stroke = "solid";
xfa.resolveNode("Address.ui.#textEdit.border.fill.color").value = "255,100,50";
Met dit script wordt de variabele ingesteld waarmee wordt aangegeven dat het veld geen gegevens bevat:
iVar = 1;
}
else {
Met dit script wordt het invoergebied van het tekstveld opnieuw ingesteld:
xfa.resolveNode("Address.ui.#textEdit.border.edge").stroke = "lowered";
xfa.resolveNode("Address.ui.#textEdit.border.fill.color").value = "255,255,255";
}
if ((City.rawValue == null) || (City.rawValue == "")) {
xfa.host.messageBox("Please enter a value in the City field.");
Met dit script wordt de kleur van het invoergebied in het tekstveld gewijzigd:
xfa.resolveNode("City.ui.#textEdit.border.edge").stroke = "solid";
xfa.resolveNode("City.ui.#textEdit.border.fill.color").value = "255,100,50";
Met dit script wordt de variabele ingesteld waarmee wordt aangegeven dat het veld geen gegevens bevat:
iVar = 1;
}
else {
Met dit script wordt het invoergebied van het tekstveld opnieuw ingesteld:
xfa.resolveNode("City.ui.#textEdit.border.edge").stroke = "lowered";
xfa.resolveNode("City.ui.#textEdit.border.fill.color").value = "255,255,255";
}
if ((State.rawValue == null) || (State.rawValue == "")) {
xfa.host.messageBox("Please enter a value in the State field.");
Met dit script wordt de kleur van het invoergebied in het tekstveld gewijzigd:
xfa.resolveNode("State.ui.#textEdit.border.edge").stroke = "solid";
xfa.resolveNode("State.ui.#textEdit.border.fill.color").value = "255,100,50";
Met dit script wordt de variabele ingesteld waarmee wordt aangegeven dat het veld geen gegevens bevat:
iVar = 1;
}
else {
Met dit script wordt het invoergebied van het tekstveld opnieuw ingesteld:
xfa.resolveNode("State.ui.#textEdit.border.edge").stroke = "lowered";
xfa.resolveNode("State.ui.#textEdit.border.fill.color").value = "255,255,255";
}
if ((ZipCode.rawValue == null) || (ZipCode.rawValue == "")) {
xfa.host.messageBox("Please enter a value in the Zip Code field.");
Met dit script wordt de kleur van het invoergebied in het tekstveld gewijzigd:
xfa.resolveNode("ZipCode.ui.#textEdit.border.edge").stroke = "solid";
xfa.resolveNode("ZipCode.ui.#textEdit.border.fill.color").value = "255,100,50";
Met dit script wordt de variabele ingesteld waarmee wordt aangegeven dat het veld geen gegevens bevat:
iVar = 1;
}
else {
Met dit script wordt het invoergebied van het tekstveld opnieuw ingesteld:
xfa.resolveNode("ZipCode.ui.#textEdit.border.edge").stroke = "lowered";
xfa.resolveNode("ZipCode.ui.#textEdit.border.fill.color").value = "255,255,255";
}
if ((Country.rawValue == null) || (Country.rawValue == "")) {
xfa.host.messageBox("Please enter a value in the Country field.");
Met dit script wordt de kleur van het invoergebied in het tekstveld gewijzigd:
xfa.resolveNode("Country.ui.#textEdit.border.edge").stroke = "solid";
xfa.resolveNode("Country.ui.#textEdit.border.fill.color").value = "255,100,50";
Met dit script wordt de variabele ingesteld waarmee wordt aangegeven dat het veld geen gegevens bevat.
iVar = 1;
}
else {
Met dit script wordt het invoergebied van het tekstveld opnieuw ingesteld:
xfa.resolveNode("Country.ui.#textEdit.border.edge").stroke = "lowered";
xfa.resolveNode("Country.ui.#textEdit.border.fill.color").value = "255,255,255";
}
Als alle vereiste velden gegevens bevatten, wordt de variabele iVar ingesteld op nul en verschijnt er een bevestigingsbericht:
if (iVar == 0) {
xfa.host.messageBox("Thank you for inputting your information.");
}
