ПредишенСледващото

Става въпрос за проверка на електронна поща от страна на клиента и ще бъдат обсъдени в тази статия. Осъзнайте, че ще бъде на JQuery, така че всички да разберат, че е препоръчително да се знаят основните характеристики на тази freyvorkom.

Всички източници, които се използват в този урок, можете да изтеглите, като кликнете върху бутона по-долу.

Етап 1 - Получаване. Създаване на HTML форма

Създаване на проста страница на HTML. Обръщам внимание си, че той трябва задължително да бъде свързано JQuery библиотека.

Също така, на етикетите на главата. отворихме строителство сценария. които действително ще пиша в самия код.

Стъпка 2 - Определяне на събитието на област проверка на размазването

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

Стъпка 3 - проверки дали полето е празна

Преди да започнем въведената валидирането електронна поща, трябва да се провери и дали тя е въведена от потребителя нещо? Защото областта може да бъде оставено празно.

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

Стъпка 4 - Направете пълно сканиране на въведения

Това е! Ние ще изпълни задачата, но също така искал да повторя, че този вид проверка (от страна на клиента валидиране) не е необходимо да се разчита изцяло. Така че не забравяйте да винаги да проверявате данните, които вече от страна на сървъра.

валидиране имейл на JQuery

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

Всъщност става дума: попълнено поле -> кликнали извън терена -> можете да натиснете върху бутона активното

Минус: Невярно е -> изключи тази стъпка -> ние кликнете върху неактивните лица, докато не сте син бутон, дори когато областта е изпълнен правилно

валидиране имейл на JQuery

валидиране имейл на JQuery

Свързани статии

Подкрепете проекта - споделете линка, благодаря!