Operation Manual

Naar boven
2. Ga naar de eigenschappencontrole (Venster > Eigenschappen) en voer een tip in het tekstvak Tip in.
Ongeldige tekens blokkeren
U kunt voorkomen dat gebruikers ongeldige tekens in een widget tekstveld voor validatie invoeren. Als u deze optie bijvoorbeeld inschakelt voor
een widget waarvoor het validatietype Geheel getal is ingesteld, verschijnt niets in het tekstveld als de gebruiker een letter probeert te typen.
1. Selecteer een widget tekstveld voor validatie in het documentvenster.
2. Ga naar de eigenschappencontrole (Venster > Eigenschappen) en selecteer de optie Patroon afdwingen.
De widget tekstveld voor validatie aanpassen
Hoewel u vanuit de eigenschappencontrole eenvoudige bewerkingen in een widget tekstveld voor validatie kunt uitvoeren, worden aangepaste
opmaaktaken niet ondersteund. U kunt de CSS-regels voor de widget tekstveld voor validatie wijzigen en een widget maken die naar uw eigen
smaak is opgemaakt. Voor een geavanceerdere lijst met opmaaktaken gaat u naar www.adobe.com/go/learn_dw_sprytextfield_custom_nl.
Alle CSS-regels in de volgende onderwerpen verwijzen naar de standaardregels in het bestand SpryValidationTextField.css. Wanneer u een
widget Spry-tekstveld voor validatie maakt, slaat Dreamweaver het bestand SpryValidationTextField.css op in de map SpryAssets van uw site. Het
is wellicht interessant om dit bestand te raadplegen omdat het nuttige informatie bevat over de diverse stijlen die u op de widget kunt toepassen.
Hoewel u de regels voor de widget tekstveld voor validatie gemakkelijk rechtstreeks in het bijbehorende CSS-bestand kunt bewerken, kunt u
ook het deelvenster CSS-stijlen gebruiken om de CSS van de widget te bewerken. Het deelvenster CSS-stijlen is handig om de CSS-klassen
te zoeken die aan de verschillende onderdelen van dee widget zijn toegewezen, met name als u de modus Huidig van het paneel gebruikt.
Tekst opmaken van foutbericht voor widget tekstveld voor validatie
Standaard worden foutberichten voor de widget tekstveld voor validatie weergegeven in een kader met een rode rand van 1 pixel dik.
Als u de tekstopmaak van de foutberichten voor een widget tekstveld voor validatie wilt wijzigen, gebruikt u de volgende tabel om de
desbetreffende CSS-regel op te zoeken. Daarna verandert u de standaardeigenschappen of voegt u uw eigen tekstopmaakeigenschappen
en -waarden toe:
Te wijzigen tekst Relevante CSS-regel Relevante eigenschappen om te
wijzigen
Tekst van foutbericht
.textfieldRequiredState
.textfieldRequiredMsg,
.textfieldInvalidFormatState
.textfieldInvalidFormatMsg,
.textfieldMinValueState
.textfieldMinValueMsg,
.textfieldMaxValueState
.textfieldMaxValueMsg,
.textfieldMinCharsState
.textfieldMinCharsMsg,
.textfieldMaxCharsState
.textfieldMaxCharsMsg
kleur: #CC3333; rand: 1px solid
#CC3333;
De achtergrondkleur wijzigen van de widget tekstveld voor validatie
Als u de achtergrondkleuren van de widget 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:
Te wijzigen kleur Relevante CSS-regel Relevante eigenschap om te wijzigen
Achtergrondkleur van widget in toestand
Geldig
.textfieldValidState input,
input.textfieldValidState
background-color: #B8F5B1;
Achtergrondkleur van widget in toestand
Ongeldig
input.textfieldRequiredState,
.textfieldRequiredState input,
input.textfieldInvalidFormatSt
ate,
.textfieldInvalidFormatState
input,
input.textfieldMinValueState,
.textfieldMinValueState input,
input.textfieldMaxValueState,
.textfieldMaxValueState input,
input.textfieldMinCharsState,
.textfieldMinCharsState input,
input.textfieldMaxCharsState,
.textfieldMaxCharsState input
background-color: #FF9F9F;
.textfieldFocusState input,
300