Преглед садржаја
За извршавање овог задатка користићемо Јкуери Валидатион, библиотеку тако да је код чистији, компактнији и проширив. Ова технологија ради и за пхп и за асп.нет програмере, будући да ради на страни клијента, а не на серверу.Почећемо преузимањем додатка хттп://јкуеривалидатион.орг/ и најновије верзије ЈКуери хттп://јкуери.цом/довнлоад/
Између ознака
Додатак јкуери.валидатион ради помоћу метода провере ваљаности и правила провере које ћемо дефинисати.
Метод валидације је тип података, на пример нумеричко текстуално поље и правила валидације Омогућавају повезивање елемента нашег обрасца, на пример у текстуалном оквиру, са једним или више метода провере ваљаности.
На пример, дефинишемо образац и текстуални оквир са именом и додељујемо му ид и потребну класу, односно обавезну обавезу.
Име
Након обрасца стављамо код који ће вршити валидацију
Резултат ако покушамо да пошаљемо образац без уписивања било чега у поље за име је порука. Ово поље је подразумевано обавезно на енглеском језику.
Е-маил
ПРЕВОЂЕЊЕ ГРЕШКИ
Видели смо да јКуери валидатион подразумевано користи енглески језик, видећемо како да га преведемо на шпански. Када преузмемо додатак у директориј за локализацију, он укључује јс датотеке са порукама преведеним на неколико језика, остаје нам само да изаберемо онај који нам је потребан и додамо га у њега, па додајемо
Освежавамо веб и промене се примећују са грешкама на шпанском
Ако желимо да поље не буде валидирано, нећемо му ставити потребну класу. Овај додатак подржава различите формате података као што су максимална вредност, минимална вредност, датум, нумеричке цифре, потврда везе. Такође можемо створити правила као што је поље старости у које је дозвољено уносити само нумеричке вредности између 18 и 99 година
$ (). реади (фунцтион () {
$ ("#формдатос"). валидате ({
отклањање грешака: тачно,
Правила: {
старост: {
потребно: тачно,
цифре: тачно,
мин: 18,
макс .: 99
}
}
})
})
Овај додатак нам омогућава да уштедимо много времена у развоју веб апликација и избегнемо грешке у прикупљању података, на пример.