Напр. Проверка на имейл с JavaScript (Regex)

Много пъти се сблъскваме с необходимостта да потвърдим, че имейл адресът е въведен в определено поле на нашия формуляр. валиден имейл. В тази статия ще научим как да проверяваме имейли с помощта на регулярни изрази (известни също като регулярен израз) в JavaScript.

Какво е регулярен израз (regex)?

Регулярният израз е поредица от знаци, която определя модел на търсене. В този случай искаме да намерим модел, който представлява валиден имейл адрес.

Регулярните изрази са мощен и гъвкав инструмент за работа с текстови низове и валидиране на входни данни.

Проверка на имейл с регулярен израз

За да потвърдим, че даден имейл е валиден, трябва да проверим дали форматът е правилен, тоест дали включва @ и домейн. За целта използваме следния израз:

вар регулярен израз = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;

Пример за пълен формуляр

В следващия пример показваме как да потвърдите имейл адрес с помощта на JavaScript и регулярен израз. Стъпките, които следваме са:

1. Дефинираме функция, наречена validateMail който приема като аргумент имейла за валидиране.
2. Създаваме променлива регулярен израз A, съдържащ регулярния израз за валидиране на имейла.
3. Използваме метода тест() на регулярния израз, за ​​да проверите дали въведеният имейл съответства на шаблона.
4. Ако имейлът е валиден, показваме предупредително съобщение, което показва, че е валиден; в противен случай показваме предупредително съобщение, което показва, че е невалидно.
5. В HTML създаваме поле за въвеждане от тип „имейл“ и бутон, който при щракване извиква функцията validateMail със стойността, въведена в полето за въвеждане.

функция validateEmail (поща) {
// Регулярен израз за потвърждаване на имейл
var regex = /^[w-]+([w-]+)*@[w-]+([w-]+)*.[a-zA-Z]{2,}$/;
// Проверете дали пощата съответства на шаблона, дефиниран от регулярния израз
if (regex.test (поща)) {
alert("Валиден имейл");
} else {
alert („Невалиден имейл“);
}
}

Проверка на имейл с JavaScript и регулярен израз

Валидирайте

Предимства и недостатъци на валидирането с JavaScript

Валидирането на входни данни, като например имейл адреси, с помощта на JavaScript от страна на клиента има предимства и недостатъци:

Предимства	Недостатъци
Незабавна обратна връзка за потребителя	Не е безопасно
По-малко натоварване на сървъра	Съвместимост между различни браузъри
Подобрете потребителското изживяване	Дублиране на усилията (от страна на клиент/сървър)
Намаляване на времето за реакция	Не замества валидирането от страната на сървъра

Валидирането на данни с помощта на JavaScript не е заместител на валидирането от страна на сървъра. Въпреки това помага за намаляване на натоварването. За да потвърдите данните от страната на сървъра, ви препоръчвам да прочетете:

• Проверка на пощата с PHP