Inhoudsopgave
Om deze taak uit te voeren, gebruiken we JQuery Validation, een bibliotheek zodat de code schoner, compacter en uitbreidbaar is. Deze technologie werkt voor zowel php- als asp.net-ontwikkelaars, aangezien deze aan de clientzijde draait en niet op de server.We beginnen met het downloaden van de plug-in http://jqueryvalidation.org/ en ook de nieuwste versie van JQuery http://jquery.com/download/
Tussen labels
De plug-in jquery.validation werkt door middel van validatiemethoden en de validatieregels die we zullen definiëren.
De validatiemethode is het gegevenstype, bijvoorbeeld een numeriek tekstveld en de validatie regels Ze maken het mogelijk om een element van ons formulier, bijvoorbeeld in texbox, te associëren met een of meer validatiemethoden.
We definiëren bijvoorbeeld een formulier en een naamtekstvak en wijzen het een id en de vereiste klasse toe, dat wil zeggen verplicht verplicht.
Naam
Na het formulier plaatsen we de code die de validatie zal doen
Het resultaat als we proberen het formulier te verzenden zonder iets in het naamveld te schrijven, is een bericht, dit veld is standaard verplicht in het Engels.
E-mail
FOUTMELDINGEN VERTALEN
We hebben gezien dat jQuery-validatie standaard de Engelse taal gebruikt, we zullen zien hoe we het in het Spaans kunnen vertalen. Wanneer we de plug-in downloaden naar de lokalisatiemap, bevat deze de js-bestanden met de berichten vertaald in verschillende talen, we hoeven alleen degene te kiezen die we nodig hebben en deze erin toe te voegen, daarom voegen we
We vernieuwen het web en de wijzigingen worden waargenomen met de fouten in het Spaans
Als we willen dat een veld niet wordt gevalideerd, plaatsen we er niet de vereiste klasse op. Deze plug-in ondersteunt verschillende gegevensformaten, zoals maximale waarde, minimale waarde, datum, numerieke cijfers, linkvalidatie. We kunnen ook regels maken zoals een leeftijdsveld waar alleen numerieke waarden tussen 18 en 99 jaar mogen worden ingevuld
$ (). klaar (functie () {
$ ("#formdatos"). valideren ({
debuggen: waar,
reglement: {
leeftijd: {
vereist: waar,
cijfers: waar,
min: 18,
maximaal: 99
}
}
})
})
Deze plug-in stelt ons in staat om veel tijd te besparen bij het ontwikkelen van webapplicaties en om fouten te voorkomen bij bijvoorbeeld het vastleggen van gegevens.
