Det här exemplet visar t ex hur du markerar det aktuella fält som formuläranvändaren arbetar med, markerar fält som en formuläranvändare måste fylla i, och använder meddelanderutor för att ge feedback till formuläranvändaren.
I det här exemplet visas en asterisk (*) till höger om de fält som skyddas. När fältet har markerats ändrar dess kantlinje färg till blått. Om formuläranvändaren klickar på knappen Verifiera data utan att ha fyllt i de obligatoriska fälten, visas ett meddelande och fältet ändrar färg till rött. Om alla de obligatoriska fälten är ifyllda visas ett bekräftelsemeddelande när formuläranvändaren klickar på knappen Verifiera data.
Skript för att lägga till en blå kantlinje runt ett markerat fält
Om du vill lägga till en blå kant runt markerade fält ska du lägga till följande skript till respektive textfält:
Du kan t ex lägga till en enter -händelse till namnfältet:
Name.border.edge.color.value = "0,0,255";
Du kan t ex lägga till en exit -händelse till namnfältet:
Name.border.edge.color.value = "255,255,255";
Du kan t ex lägga till en mouseEnter -händelse till namnfältet:
Name.border.edge.color.value = "0,0,255";
Du kan t ex lägga till en mouseExit -händelse till namnfältet:
Name.border.edge.color.value = "255,255,255";
Skript för knappen Verifiera data
Följande skript, som har skapats för knappen Verifiera data, genomför en serie kontroller för att verifiera de att obligatoriska fälten innehåller data. I det här fallet kontrolleras varje fält individuellt, så att du kan verifiera värdet, så att du kan få fältets namn Om fältets värde är null eller en tom sträng visas ett varningsmeddelande som indikerar att data måste anges i fältet, samtidigt som bakgrundsfärgen i det fyllningsbara området ändras till rött.
Använd den här variabeln för att indikera om ett fält inte innehåller data.
var iVar = 0;
if ((Name.rawValue == null) || (Name.rawValue == "")) {
xfa.host.messageBox("Please enter a value in the Name field.");
Det här skriptet ändrar färg på textfältets fyllningsbara område:
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.");
Det här skriptet ändrar färg på textfältets fyllningsbara område:
xfa.resolveNode("Address.ui.#textEdit.border.edge").stroke = "solid";
xfa.resolveNode("Address.ui.#textEdit.border.fill.color").value = "255,100,50";
Det här skriptet anger den variabel som indikerar att det här fältet inte innehåller data.
iVar = 1;
}
else {
Det här skriptet återställer textfältets fyllningsbara område:
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.");
Det här skriptet ändrar färg på textfältets fyllningsbara område:
xfa.resolveNode("City.ui.#textEdit.border.edge").stroke = "solid";
xfa.resolveNode("City.ui.#textEdit.border.fill.color").value = "255,100,50";
Det här skriptet anger den variabel som indikerar att det här fältet inte innehåller data.
iVar = 1;
}
else {
Det här skriptet återställer textfältets fyllningsbara område:
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.");
Det här skriptet ändrar färg på textfältets fyllningsbara område:
xfa.resolveNode("State.ui.#textEdit.border.edge").stroke = "solid";
xfa.resolveNode("State.ui.#textEdit.border.fill.color").value = "255,100,50";
Det här skriptet anger den variabel som indikerar att det här fältet inte innehåller data.
iVar = 1;
}
else {
Det här skriptet återställer textfältets fyllningsbara område:
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.");
Det här skriptet ändrar färg på textfältets fyllningsbara område:
xfa.resolveNode("ZipCode.ui.#textEdit.border.edge").stroke = "solid";
xfa.resolveNode("ZipCode.ui.#textEdit.border.fill.color").value = "255,100,50";
Det här skriptet anger den variabel som indikerar att det här fältet inte innehåller data.
iVar = 1;
}
else {
Det här skriptet återställer textfältets fyllningsbara område:
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.");
Det här skriptet ändrar färg på textfältets fyllningsbara område:
xfa.resolveNode("Country.ui.#textEdit.border.edge").stroke = "solid";
xfa.resolveNode("Country.ui.#textEdit.border.fill.color").value = "255,100,50";
Det här skriptet anger den variabel som indikerar att det här fältet inte innehåller data.
iVar = 1;
}
else {
Det här skriptet återställer textfältets fyllningsbara område.
xfa.resolveNode("Country.ui.#textEdit.border.edge").stroke = "lowered";
xfa.resolveNode("Country.ui.#textEdit.border.fill.color").value = "255,255,255";
}
Om alla obligatoriska fält innehåller data sätts variabeln iVar till noll, och en bekräftelse visas:
if (iVar == 0) {
xfa.host.messageBox("Thank you for inputting your information.");
}
