Verifiera formulär med Jquery

För att utföra denna uppgif.webpt kommer vi att använda Jquery Validation, ett bibliotek så att koden är renare, mer kompakt och utökbar. Denna teknik fungerar för både php- och asp.net -utvecklare, eftersom den körs på klientsidan och inte på servern.
Vi börjar med att ladda ner pluginet http://jqueryvalidation.org/ och även den senaste versionen av JQuery http://jquery.com/download/
Mellan etiketterna
Pluginet jquery.validation fungerar genom valideringsmetoder och de valideringsregler som vi kommer att definiera.
Valideringsmetoden är datatypen, till exempel ett numeriskt textfält och valideringsregler De gör det möjligt att associera ett element i vår form, till exempel i texbox, till en eller flera valideringsmetoder.
Till exempel definierar vi ett formulär och ett namn textruta och tilldelar det ett id och den obligatoriska klassen, det vill säga obligatoriskt.

namn

Efter formuläret lägger vi in ​​koden som gör valideringen

Resultatet om vi försöker skicka formuläret utan att skriva något i namnfältet är ett meddelande. Detta fält krävs som standard på engelska.

Vi kommer att lägga till ett e -postfält i formuläret och till det attribut som krävs tilldelar vi e -post

E-post

I det här fallet kan vi se att e -postfältet har validerats och det står att det inte är ett giltigt e -postmeddelande.
ÖVERSÄTTA FELMEDDELANDEN
Vi har sett att som standard använder jquery validering det engelska språket, vi får se hur vi översätter det till spanska. När vi laddar ner pluginet till lokaliseringskatalogen innehåller det js -filerna med meddelanden översatta till flera språk, vi behöver bara välja det vi behöver och lägga till det i det, därför lägger vi till
Vi uppdaterar webben och ändringarna observeras med fel på spanska

Språkfilen är helt enkelt text som innehåller en jquery -funktion, därför kan vi öppna och redigera den för att anpassa meddelandena.
Om vi ​​vill att ett fält inte ska valideras kommer vi inte att lägga den obligatoriska klassen på det. Denna plugin stöder olika dataformat som maximivärde, lägsta värde, datum, numeriska siffror, länkvalidering. Vi kan också skapa regler som ett åldersfält där endast numeriska värden mellan 18 och 99 år får matas in

$ (). ready (function () {

$ ("#formdatos"). validera ({

felsökning: sant,

regler: {

ålder: {

krävs: sant,

siffror: sant,

min: 18,

max: 99

}

}

})

})

Denna plugin tillåter oss att spara mycket tid i utvecklingen av webbapplikationer och undvika att göra misstag i till exempel datafångst.

Reglerna och metoderna kan skapas med större komplexitet och till och med utföra tillägg med jquery -funktioner som översättning eller andra som vi behöverGillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng