03.05.2013 Views

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

A<br />

B<br />

C<br />

D<br />

DREAMWEAVER <strong>CS3</strong><br />

Handboek<br />

A. Object tekstveld, tip geactiveerd B. Object tekstveld, toestand Geldig C. Object tekstveld, toestand Ongeldig D. Object tekstveld, toestand<br />

Vereist<br />

Het object tekstveld voor validatie kent een aantal toestanden (bijvoorbeeld geldig, ongeldig, verplichte waarde enzovoort).<br />

Al naargelang de gewenste validatieresultaten kunt u de eigenschappen van deze toestanden wijzigen met de<br />

eigenschappencontrole.Eenobjecttekstveldvoorvalidatiekanopverschillendemomentenvalideren,bijvoorbeeldophet<br />

moment dat de bezoeker buiten het object klikt, tijdens het invoeren van de informatie of wanneer de bezoeker het<br />

formulier probeert te verzenden.<br />

Status bij openen De toestand van het object wanneer de pagina in de browser wordt geladen of wanneer de gebruiker het<br />

formulier opnieuw instelt.<br />

Toestand Focus De toestand van het object wanneer de gebruiker de invoegpositie in het object plaatst.<br />

Toestand Geldig De toestand van het object wanneer de gebruiker informatie correct heeft ingevoerd en het formulier kan<br />

worden verzonden.<br />

Toestand Ongeldig De toestand van het object wanneer de gebruiker tekst in een ongeldige notatie heeft ingevoerd.<br />

(Bijvoorbeeld 07 voor het jaartal in plaats van 2007).<br />

Toestand Vereist De toestand van het object wanneer de gebruiker geen tekst heeft ingevoerd in een verplicht tekstveld.<br />

Toestand Minimum aantal tekens De toestand van het object wanneer de gebruiker minder tekens heeft ingevoerd dan het<br />

minimum aantal tekens dat in het tekstveld is verplicht.<br />

Toestand Maximum aantal tekens De toestand van het object wanneer de gebruiker meer tekens heeft ingevoerd dan het<br />

maximum aantal tekens dat in het tekstveld is verplicht.<br />

Toestand minimumwaarde De toestand van het object wanneer de gebruiker een waarde heeft ingevoerd die kleiner is dan<br />

de waarde die in het tekstveld is vereist. (Is van toepassing op validaties van het gegevenstype Geheel getal en reëel getal.)<br />

Toestand Maximumwaarde De toestand van het object wanneer de gebruiker een waarde heeft ingevoerd die groter is dan<br />

de waarde die in het tekstveld is vereist. (Is van toepassing op validaties van het gegevenstype Geheel getal en reëel getal.)<br />

Wanneer een object tekstveld voor validatie na een gebruikersactie één van deze toestanden krijgt, past de Spryframeworksoftware<br />

in runtime een specifieke CSS-klasse toe op de HTML-container voor het object. Als een gebruiker<br />

bijvoorbeeld een formulier verstuurt waarin geen tekst is ingevuld in een verplicht tekstveld, past Spry een klasse op het<br />

object toe die ervoor zorgt dat het foutbericht “Een waarde is verplicht” wordt weergegeven. De regels die de opmaak en<br />

weergavetoestanden van foutberichten bepalen, vindt u in het CSS-bestand bij het object, SpryValidationTextField.css.<br />

De standaard-HTML voor het object tekstveld voor validatie bevindt zich gewoonlijk in een formulier, en bevat een<br />

containertag met daarbinnen de -tag van het tekstveld. De HTML voor het object tekstveld voor validatie<br />

bevat eveneens script-tags in de kop van het document en na de HTML-opmaak van het object.<br />

Voor een uitvoerige uitleg van de werking van het object tekstveld voor validatie, waaronder een volledige anatomie van de<br />

code van het object tekstveld voor validatie, gaat u naar www.adobe.com/go/learn_dw_sprytextfield_nl.<br />

Het object tekstveld voor validatie invoegen<br />

1 Kies Invoegen > Spry > Spry-tekstveld voor validatie.<br />

2 Vul het dialoogvenster Toegankelijkheidskenmerken van de invoertag in en klik op OK.<br />

442

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!