Turinys
Šiai užduočiai atlikti naudosime biblioteką „Jquery Validation“, kad kodas būtų švaresnis, kompaktiškesnis ir praplečiamas. Ši technologija tinka tiek php, tiek asp.net kūrėjams, nes ji veikia kliento pusėje, o ne serveryje.Pradėsime atsisiųsdami papildinį http://jqueryvalidation.org/ ir naujausią „JQuery“ versiją http://jquery.com/download/
Tarp etikečių
„Jquery.validation“ papildinys veikia naudojant patvirtinimo metodus ir patvirtinimo taisykles, kurias mes apibrėžsime.
Patvirtinimo metodas yra duomenų tipas, pavyzdžiui, skaitinis teksto laukas ir patvirtinimo taisykles Jie leidžia susieti mūsų formos elementą, pavyzdžiui, „texbox“, su vienu ar keliais patvirtinimo metodais.
Pavyzdžiui, mes apibrėžiame formos ir pavadinimo teksto lauką ir priskiriame jam ID ir reikiamą klasę, ty privalomą.
vardas
Po formos įvedame kodą, kuris atliks patvirtinimą
Rezultatas, jei bandysime išsiųsti formą nieko neįrašę pavadinimo lauke, yra pranešimas. Šis laukas pagal numatytuosius nustatymus yra būtinas anglų kalba.
Prie formos ir prie reikiamo atributo pridedame el. Pašto adresą
Paštu
KLAIDŲ PRANEŠIMŲ VERTIMAS
Mes matėme, kad pagal numatytuosius nustatymus „jquery“ patvirtinimas naudoja anglų kalbą, pamatysime, kaip ją išversti į ispanų kalbą. Kai atsisiunčiame papildinį į lokalizacijos katalogą, jame yra „js“ failai su pranešimais, išverstais į kelias kalbas, turime tik išsirinkti reikiamą ir pridėti jį, todėl pridedame
Mes atnaujiname žiniatinklį ir pokyčiai pastebimi su klaidomis ispanų kalba
Kalbos failas yra tiesiog tekstas, kuriame yra „jquery“ funkcija, todėl galime jį atidaryti ir redaguoti, kad pritaikytume pranešimus.
Jei norime, kad laukas nebūtų patvirtintas, mes nepridėsime reikiamos klasės. Šis papildinys palaiko įvairius duomenų formatus, tokius kaip maksimali vertė, minimali vertė, data, skaitiniai skaitmenys, nuorodos patvirtinimas. Taip pat galime sukurti tokias taisykles kaip amžiaus laukas, kuriame leidžiama įvesti tik skaitines reikšmes nuo 18 iki 99 metų
$ (). ready (function () {
$ ("#formdatos"). validate ({
derinimas: tiesa,
taisyklės: {
amžius: {
būtina: tiesa,
skaitmenys: tiesa,
min .: 18,
maks .: 99
}
}
})
})
Šis papildinys leidžia sutaupyti daug laiko kuriant žiniatinklio programas ir išvengti klaidų, pavyzdžiui, fiksuojant duomenis.Taisykles ir metodus galima sukurti sudėtingiau ir netgi atlikti plėtinius naudojant „jquery“ funkcijas, pvz., Vertimą ar kitas mums reikalingasAr jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką