Operation Manual

DREAMWEAVER CS3
Handboek
446
De achtergrondkleur wijzigen van het object tekstveld voor validatie
❖
Als u de achtergrondkleuren van het object tekstveld voor validatie in de diverse toestanden wilt wijzigen, gebruikt u de
volgende tabel om de desbetreffende CSS-regel op te zoeken, en verandert u de standaardwaarden voor de
achtergrondkleur:
Werken met het object tekstgebied voor validatie
Over het tekstgebied voor validatie
Een Spry-object tekstgebied voor validatie is een tekstgebied dat alleen geldige of ongeldige toestanden weergeeft wanneer
de gebruiker enkele regels tekst invoert. Als het tekstgebied een verplicht veld is en de gebruiker geen tekst invoert,
retourneert het object het bericht dat een waarde verplicht.
In het volgende voorbeeld ziet u de diverse toestanden van een object tekstgebied voor validatie:
A. Teller Resterende tekens B. Object tekstveld in focus, toestand Maximum aantal tekens C. Object tekstveld in focus, geldige toestand
D. Object tekstgebied, toestand Vereist E. Teller Ingevoerde tekens
Het object tekstgebied voor validatie kent een aantal toestanden (bijvoorbeeld geldig, ongeldig, verplichte waarde
enzovoort). Al naargelang de gewenste validatieresultaten kunt u de eigenschappen van deze toestanden wijzigen met de
eigenschappencontrole. Een object tekstgebied voor validatie kan op verschillende momenten valideren, bijvoorbeeld op
het moment dat de gebruiker buiten het object klikt, tijdens het invoeren van de informatie of wanneer de bezoeker het
formulier probeert te verzenden.
Status bij openen De toestand van het object wanneer de pagina in de browser wordt geladen of wanneer de gebruiker het
formulier opnieuw instelt.
Te wijzigen kleur Relevante CSS-regel Relevante eigenschap om te
wijzigen
Achtergrondkleur van
object in toestand Geldig
.textfieldValidState input, input.textfieldValidState background-color: #B8F5B1;
Achtergrondkleur van
object in toestand
Ongeldig
input.textfieldRequiredState, .textfieldRequiredState
input, input.textfieldInvalidFormatState,
.textfieldInvalidFormatState input,
input.textfieldMinValueState, .textfieldMinValueState
input, input.textfieldMaxValueState,
.textfieldMaxValueState input,
input.textfieldMinCharsState, .textfieldMinCharsState
input, input.textfie
ldMaxCharsState,
.textfieldMaxCharsState input
background-color: #FF9F9F;
Achtergrondkleur van
object bij focus
.textfieldFocusState input, input.textfieldFocusState background-color: #FFFFCC;
A
E
B
C
D