Перевірка html-форми javascript'ом

Початківцю, а вже тим більше досвідченому, програмісту написати такий скрипт не важко, але можна не переймаючись скористатися даним скриптом і користуватися ним постійно. Я, власне, так і роблю
Для кращого розумію всього, що відбувається буду пояснювати прямо на прикладі.

Є така форма.

Найчастіше користувачі вбивають в неї зовсім не те, що від них вимагається. Іноді по неакуратності роблять помилки, іноді спеціально вписують всілякі дурниці, боячись спаму на пошту або втрати своєї анонімності, а іноді і з злого умислу намагаються вписати абсолютно непотрібне.

Важливо!
На подію відправки форми onsubmit призначено виконання функції і возврещеніе результату роботи - «return sendform ()». У міру відпрацювання функції повертається негативний (false) або позитивний (true) відповідь. Саме така конструкція - повернення результату роботи - нам необхідна для уникнення відправки форми з невірними даними. Тобто якщо дані в будь-якому полі невірні, то функція поверне false що заблокує відправку. Якщо ж все що ввели в форму відповідає вимогам, то повернеться true і форма відправиться.

Така перевірка дозволить відсікти більшу частину сміття вже на стороні клієнта, і зніме навантаження на сервер, яка може бути у вигляді зайвих операцій по перевірці приходять даних. Проте, даний скрипт не врятує вас від недобропорядоних користувачів, що посилають вам такі імена типу «блабла», «Аавпаирв» і такі емеільнікі як «[email protected]». Від цього, на жаль, захиститися неможливо.

А ось і сам файл з формою і скриптом в одному флаконі:

Схожі статті

Copyright © 2024