Потвърдете формуляра с Jquery

За да изпълним тази задача, ще използваме Jquery Validation, библиотека, така че кодът да е по -чист, по -компактен и разширяем. Тази технология работи както за разработчиците на php, така и на asp.net, тъй като работи от страна на клиента, а не от сървъра.
Ще започнем с изтеглянето на приставката http://jqueryvalidation.org/, а също и най -новата версия на JQuery http://jquery.com/download/
Между етикетите
Приставката jquery.validation работи чрез методи за валидиране и правилата за валидиране, които ще дефинираме.
Методът за валидиране е типът данни, например числово текстово поле и правила за валидиране Те позволяват свързването на елемент от нашата форма, например в texbox, към един или повече методи за валидиране.
Например, ние дефинираме формуляр и текстово поле с име и му присвояваме идентификатор и необходимия клас, тоест задължително задължително.

Име

След формуляра поставяме кода, който ще извърши валидирането

Резултатът, ако се опитаме да изпратим формуляра, без да напишем нищо в полето за име, е съобщение. Това поле е задължително по подразбиране на английски език.

Ще добавим имейл поле към формуляра и към задължителния атрибут присвояваме имейл

Електронна поща

В този случай можем да видим, че полето за поща е потвърдено и казва, че не е валиден имейл.
ПРЕВОД НА СЪОБЩЕНИЯ ЗА ГРЕШКИ
Видяхме, че по подразбиране jquery validation използва английския език, ще видим как да го преведем на испански. Когато изтеглим приставката в директорията за локализация, тя включва js файловете със съобщенията, преведени на няколко езика, остава само да изберем нужния и да го добавим в него, затова добавяме
Опресняваме мрежата и промените се наблюдават с грешките на испански

Езиковият файл е просто текст, който съдържа функция jquery, затова можем да го отваряме и редактираме, за да персонализираме съобщенията.
Ако искаме полето да не бъде валидирано, няма да поставим необходимия клас върху него. Този плъгин поддържа различни формати на данни като максимална стойност, минимална стойност, дата, цифрови цифри, валидиране на връзката. Можем също така да създадем правила като поле за възраст, където е позволено да се въвеждат само числови стойности между 18 и 99 години

$ (). ready (function () {

$ ("#formdatos"). validate ({

отстраняване на грешки: вярно,

правила: {

възраст: {

задължително: вярно,

цифри: вярно,

мин: 18,

макс: 99

}

}

})

})

Този плъгин ни позволява да спестим много време при разработването на уеб приложения и да избегнем грешки, например при улавянето на данни.

Правилата и методите могат да бъдат създадени с по -голяма сложност и дори да извършват разширения, използвайки jquery функции като превод или други, от които се нуждаемХареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка