Questo esempio illustra come evidenziare il campo corrente su cui il compilatore sta lavorando o i campi che il compilatore deve compilare e come utilizzare le caselle messaggio per fornire un riscontro al compilatore.
In questo esempio, viene visualizzato un asterisco (*) a destra dei campi obbligatori. Quando un campo è selezionato, il bordo del campo è di colore blu. Se il compilatore fa clic sul pulsante Verifica dati senza aver compilato i campi obbligatori, viene visualizzato un messaggio e il campo diventa rosso. In caso siano stati compilati tutti i campi obbligatori, quando il compilatore fa clic sul pulsante Verifica dati viene visualizzato un messaggio di conferma.
Scripting per aggiungere un bordo di colore blu al campo selezionato
Per aggiungere un bordo di colore blu al campo selezionato, aggiungere gli script seguenti ad ogni campo di testo:
Per esempio, aggiungere un evento enter al campo Nome:
Name.border.edge.color.value = "0,0,255";
Per esempio, aggiungere un evento exit al campo Nome:
Name.border.edge.color.value = "255,255,255";
Per esempio, aggiungere un evento mouseEnter al campo Nome:
Name.border.edge.color.value = "0,0,255";
Per esempio, aggiungere un evento mouseExit al campo Nome:
Name.border.edge.color.value = "255,255,255";
Scripting del pulsante Verifica dati
Lo script seguente, creato per il pulsante Verifica dati, esegue una serie di controlli mirati a verificare che i campi obbligatori contengano dati. In questo caso, ogni campo viene controllato singolarmente per verificare che il valore del campo non sia nullo o non sia una stringa vuota. Se il valore del campo è nullo o è una stringa vuota, viene visualizzato un messaggio di avviso ad indicare che è necessario inserire i dati nel campo, e il colore di sfondo dell'area compilabile diventa rosso.
Utilizzare questa variabile per indicare se un campo non contiene dati:
var iVar = 0;
if ((Name.rawValue == null) || (Name.rawValue == "")) {
xfa.host.messageBox("Please enter a value in the Name field.");
Questo script modifica il colore dell'area compilabile del campo di testo:
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.");
Questo script modifica il colore dell'area compilabile del campo di testo:
xfa.resolveNode("Address.ui.#textEdit.border.edge").stroke = "solid";
xfa.resolveNode("Address.ui.#textEdit.border.fill.color").value = "255,100,50";
Questo script imposta la variabile per indicare che tale campo non contiene dati:
iVar = 1;
}
else {
Questo script ripristina l'area compilabile del campo di testo:
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.");
Questo script modifica il colore dell'area compilabile del campo di testo:
xfa.resolveNode("City.ui.#textEdit.border.edge").stroke = "solid";
xfa.resolveNode("City.ui.#textEdit.border.fill.color").value = "255,100,50";
Questo script imposta la variabile per indicare che tale campo non contiene dati:
iVar = 1;
}
else {
Questo script ripristina l'area compilabile del campo di testo:
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.");
Questo script modifica il colore dell'area compilabile del campo di testo:
xfa.resolveNode("State.ui.#textEdit.border.edge").stroke = "solid";
xfa.resolveNode("State.ui.#textEdit.border.fill.color").value = "255,100,50";
Questo script imposta la variabile per indicare che tale campo non contiene dati:
iVar = 1;
}
else {
Questo script ripristina l'area compilabile del campo di testo:
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.");
Questo script modifica il colore dell'area compilabile del campo di testo:
xfa.resolveNode("ZipCode.ui.#textEdit.border.edge").stroke = "solid";
xfa.resolveNode("ZipCode.ui.#textEdit.border.fill.color").value = "255,100,50";
Questo script imposta la variabile per indicare che tale campo non contiene dati:
iVar = 1;
}
else {
Questo script ripristina l'area compilabile del campo di testo:
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.");
Questo script modifica il colore dell'area compilabile del campo di testo:
xfa.resolveNode("Country.ui.#textEdit.border.edge").stroke = "solid";
xfa.resolveNode("Country.ui.#textEdit.border.fill.color").value = "255,100,50";
Questo script imposta la variabile per indicare che tale campo non contiene dati.
iVar = 1;
}
else {
Questo script ripristina l'area compilabile del campo di testo.
xfa.resolveNode("Country.ui.#textEdit.border.edge").stroke = "lowered";
xfa.resolveNode("Country.ui.#textEdit.border.fill.color").value = "255,255,255";
}
Se tutti i campi obbligatori contengono dati, la variabile iVar è impostata a zero e viene visualizzato un messaggio di conferma:
if (iVar == 0) {
xfa.host.messageBox("Thank you for inputting your information.");
}
