Apstipriniet veidlapu, izmantojot Jquery

Lai veiktu šo uzdevumu, mēs izmantosim bibliotēku Jquery Validation, lai kods būtu tīrāks, kompaktāks un paplašināmāks. Šī tehnoloģija darbojas gan php, gan asp.net izstrādātājiem, jo ​​tā darbojas klienta pusē, nevis serverī.
Sāksim, lejupielādējot spraudni http://jqueryvalidation.org/, kā arī jaunāko JQuery versiju http://jquery.com/download/
Starp etiķetēm
Spraudnis jquery.validation darbojas, izmantojot validācijas metodes un apstiprināšanas kārtulas, kuras mēs definēsim.
Apstiprināšanas metode ir datu tips, piemēram, ciparu teksta lauks un apstiprināšanas noteikumi Tie ļauj saistīt mūsu veidlapas elementu, piemēram, texbox, ar vienu vai vairākām validācijas metodēm.
Piemēram, mēs definējam veidlapas un nosaukuma tekstlodziņu un piešķiram tam ID un nepieciešamo klasi, tas ir, obligāti.

Vārds

Pēc veidlapas mēs ievietojam kodu, kas veiks validāciju

Rezultāts, ja mēs mēģinām nosūtīt veidlapu, vārda laukā neko neierakstot, ir ziņojums. Šis lauks pēc noklusējuma ir obligāts angļu valodā.

Mēs veidlapai un nepieciešamajam atribūtam pievienosim e -pasta lauku, kuram piešķiram e -pastu

E-pasts

Šajā gadījumā mēs redzam, ka pasta lauks ir apstiprināts, un tas saka, ka tas nav derīgs e -pasts.
KĻŪDU ZIŅU TULKOŠANA
Mēs esam redzējuši, ka pēc noklusējuma jquery validācija izmanto angļu valodu, mēs redzēsim, kā to tulkot spāņu valodā. Lejupielādējot spraudni lokalizācijas direktorijā, tajā ir iekļauti js faili ar ziņojumiem, kas tulkoti vairākās valodās, mums atliek tikai izvēlēties vajadzīgo un pievienot to, tāpēc pievienojam
Mēs atsvaidzinām tīmekli, un izmaiņas tiek novērotas ar kļūdām spāņu valodā

Valodas fails ir vienkārši teksts, kas satur jquery funkciju, tāpēc mēs varam to atvērt un rediģēt, lai pielāgotu ziņojumus.
Ja mēs vēlamies, lai lauks netiktu validēts, mēs tajā neieliksim nepieciešamo klasi. Šis spraudnis atbalsta dažādus datu formātus, piemēram, maksimālo vērtību, minimālo vērtību, datumu, ciparu ciparus, saišu validāciju. Mēs varam arī izveidot tādus noteikumus kā vecuma lauks, kurā ir atļauts ievadīt tikai skaitliskas vērtības no 18 līdz 99 gadiem

$ (). gatavs (function () {

$ ("#formdatos"). validate ({

atkļūdot: taisnība,

noteikumi: {

vecums: {

obligāti: taisnība,

cipari: taisnība,

min: 18,

maksimums: 99

}

}

})

})

Šis spraudnis ļauj mums ietaupīt daudz laika tīmekļa lietojumprogrammu izstrādē un izvairīties no kļūdām, piemēram, datu uztveršanā.

Noteikumus un metodes var izveidot ar lielāku sarežģītību un pat veikt paplašinājumus, izmantojot tādas jquery funkcijas kā tulkošana vai citas nepieciešamāsVai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu