Valider formularen med Jquery

For at udføre denne opgave vil vi bruge Jquery Validation, et bibliotek, så koden er renere, mere kompakt og udvidelig. Denne teknologi fungerer for både php- og asp.net -udviklere, da den kører på klientsiden og ikke på serveren.
Vi starter med at downloade pluginet http://jqueryvalidation.org/ og også den nyeste version af JQuery http://jquery.com/download/
Mellem etiketter
Pluginet jquery.validation fungerer gennem valideringsmetoder og de valideringsregler, som vi vil definere.
Valideringsmetoden er datatypen, f.eks. Et numerisk tekstfelt og valideringsregler De tillader at knytte et element i vores form, f.eks. I texbox, til en eller flere valideringsmetoder.
For eksempel definerer vi en formular og et navn tekstfelt og tildeler det et id og den nødvendige klasse, det vil sige obligatorisk.

Navn

Efter formularen sætter vi den kode, der skal foretage valideringen

Resultatet, hvis vi forsøger at sende formularen uden at skrive noget i navnefeltet, er en meddelelse. Dette felt kræves som standard på engelsk.

Vi tilføjer et e -mail -felt til formularen og til den nødvendige attribut, vi tildeler e -mail

E-mail

I dette tilfælde kan vi se, at mailfeltet er blevet valideret, og der står, at det ikke er en gyldig e -mail.
Oversættelse af fejlmeddelelser
Vi har set, at jquery -validering som standard bruger det engelske sprog, vi vil se, hvordan vi oversætter det til spansk. Når vi downloader pluginet til lokaliseringsmappen, indeholder det js -filer med meddelelserne oversat til flere sprog, vi skal kun vælge det, vi har brug for, og tilføje det i det, derfor tilføjer vi
Vi opdaterer internettet, og ændringerne observeres med fejlene på spansk

Sprogfilen er simpelthen tekst, der indeholder en jquery -funktion, derfor kan vi åbne og redigere den for at tilpasse meddelelserne.
Hvis vi ønsker, at et felt ikke skal valideres, sætter vi ikke den nødvendige klasse på det. Dette plugin understøtter forskellige dataformater såsom maksimal værdi, minimumsværdi, dato, numeriske cifre, linkvalidering. Vi kan også oprette regler som f.eks. Et aldersfelt, hvor kun numeriske værdier mellem 18 og 99 år må indtastes

$ (). klar (funktion () {

$ ("#formdatos"). valider (({

fejlretning: sandt,

regler: {

alder: {

påkrævet: sandt,

cifre: sandt,

min: 18,

maks: 99

}

}

})

})

Dette plugin giver os mulighed for at spare meget tid i udviklingen af ​​webapplikationer og undgå at lave fejl i f.eks. Datafangst.

Reglerne og metoderne kan oprettes med større kompleksitet og endda udføre udvidelser ved hjælp af jquery -funktioner såsom oversættelse eller andre, som vi har brug forKan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt