Handledning för Spry Formulär Validering

February 20

Adobes Dreamweaver webbdesign programvara gör webbutvecklare att använda Spry validering textfältet widgets att skapa formulär som visar uppdaterad information om huruvida användarens input uppfyller validerings kriterierna av utvecklarna. Spry widget visas även felmeddelanden som är specifika för anledningen till ingången misslyckats med att validera, såsom ett ogiltigt format eller ett tomt, obligatoriskt fält. Du kan redigera Spry CSS-fil för att ändra utseendet på meddelandena och stater fel.

Instruktioner

1 Lägg till en länk till Spry JavaScript-bibliotek och CSS-fil i avsnittet mellan "<head>" taggar på toppen av HTML-sidan med formen:

2 Bestämma vilka av de Spry validering formulär tillstånd gäller i formuläret ingångar. Ingångar är i "ursprungligt skick" när sidan första starter och övergång till "fokusera tillstånd" när användaren klickar eller flyttar till det. Spry innehåller också tillstånd för när formuläret objektet inte uppfyller ett lägsta eller högsta antal tecken, när det inte innehåller data som krävs, när data har ett ogiltigt format eller om användaren inte väljer en obligatorisk kryssruta eller alternativknappen.

3 Bifoga formen ingången inom "<span>" taggar som tillämpar Spry inställningar som ingång:

4 Lägg till en span-tagg in direkt efter linjen på HMTL rutan för att ange vilken typ av Spry felmeddelande tillstånd. Att kräva lite input för ett textfält, lägga till "<span class =" textfieldRequiredMsg "> Ett värde krävs. </ Span>." Du kan ändra texten mellan span-taggar till någon text som du vill. Ett exempel på en önskad kryssruta är "<span class =" checkboxRequiredMsg "> Kontrollera åtminstone en låda. </ Span>."

5 Initiera Spry validering widget efter balans HTML-formulär tag genom att lägga till JavaScript-anropet till widget fält, som ersätter "sprytextfield1" med det namn som används i de inledande span-taggar som bifogade hela rutan:

var sprytextfield1 = new Spry.Widget.ValidationTextField ( "sprytextfield1");

</ Script>

Cancel reply Välkommen till dig för att skicka en kommentar:

DU KANSKE OCKSÅ GILLAR