Operation Manual

479
DREAMWEAVER GEBRUIKEN
Spry-pagina's visueel opbouwen
Laatst bijgewerkt 2/5/2011
De achtergrondkleuren wijzigen van de widget wachtwoord voor validatie
❖ Als u de achtergrondkleuren van de widget wachtwoord voor validatie in verschillende staten 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 de widget Validatie bevestigen
Over de widget Validatie voor bevestigen
De widget Validatie voor bevestigen is een tekstveld of een wachtwoordformulierveld waarin een geldige of ongeldige
staat wordt weergegeven wanneer een gebruiker een waarde invoert die niet overeenkomt met de waarde van een
vergelijkbaar veld in hetzelfde formulier. U kunt bijvoorbeeld een widget Validatie voor bevestigen aan een formulier
toevoegen waarmee een gebruiker het wachtwoord nogmaals moet typen dat in een vorig veld is ingevoerd. Als de
gebruiker het wachtwoord niet op exact dezelfde wijze invoert, geeft de widget een foutbericht dat de waarden niet
overeenkomen.
U kunt een widget Validatie voor bevestigen ook gebruiken samen met een widget Tekstveld voor validatie om e-
mailadressen te valideren.
Opmerking: Voordat u met de bevestigingswidget gaat werken, moet u goed bekend zijn met Spry-validatiewidgets. Zie
“Werken met de widget tekstveld voor validatie” op pagina 461 of een van de andere widgetoverzichten voordat u verder
gaat als u hier niet bekend mee bent. In dit overzicht staan niet alle basisbegrippen met betrekking tot validatiewidgets.
De volgende afbeelding is een voorbeeld van een veelgebruikte bevestigingswidget:
A. Een wachtwoordveld of een widget wachtwoord voor Spry-validatie B. Widget bevestigen
Te wijzigen tekst Relevante CSS-regel Relevante eigenschappen om te
wijzigen
Tekst van foutbericht .passwordRequiredState .passwordRequiredMsg,
.passwordMinCharsState .passwordMinCharsMsg,
.passwordMaxCharsState .passwordMaxCharsMsg,
.passwordInvalidStrengthState .passwordInvalidStrengthMsg,
.passwordCustomState .passwordCustomMsg
kleur: #CC3333; rand: 1px solid
#CC3333;
Te wijzigen kleur Relevante CSS-regel Relevante eigenschap om te
wijzigen
Achtergrondkleur van
widget in toestand Geldig
.passwordValidState input, input.passwordValidState background-color: #B8F5B1;
Achtergrondkleur van
widget in toestand
Ongeldig
input.passwordRequiredState, .passwordRequiredState input,
input.passwordInvalidStrengthState,
.passwordInvalidStrengthState input,
input.passwordMinCharsState, .passwordMinCharsState
input, input.passwordCustomState, .passwordCustomState
input, input.passwordMaxCharsState,
.passwordMaxCharsState input
background-color: #FF9F9F;
Achtergrondkleur van
widget bij focus
.passwordFocusState input, input.passwordFocusState background-color: #FFFFCC;
B
A