Сборник основных проверок полей формы перед отправкой-субмитом используя JavaScript

Предлагаю набор проверок полей формы, которыми постоянно сам пользуюсь. Основное удобство JavaScript это проверка на стороне клиента без перезагрузки страницы. Но надо всегда помнить, что JavaScript используется не для реальной проверки и защиты от злоумышленников и взлома (этим должен заниматься серверный язык), но для удобства (JavaScript можно отключить в браузере), ибо нам дорог каждый посетитель! Различие очень похоже на разницу между ГАИ и Таможней.

Напишем абстрактную форму:
<form name="nameForm" action="..." method="post" onSubmit="return checkedForm(this)">
...
</form>
<script language="javascript">
function checkedForm(form){
...
// проверка полей формы
...
return true;
};
</script>



1. Заполненность поля
//так:
if(nameForm.nameVar.value==""){
alert('Не указана nameVar!');
nameForm.nameVar.focus();
return false;
};

//или так:
if(!nameForm.nameVar.value){
alert('Не указана nameVar!');
nameForm.nameVar.focus();
return false;
};

2. Количество символов
if(nameForm.nameVar.length < 4){
alert('В nameVar должно быть не менее 4-х символов!');
nameForm.nameVar.focus();
return false;
};

3. Комбинация из латинских букв и арабских цифр
if(! (/^[a-zA-Z0-9]+$/.test(nameForm.nameVar.value))){
alert('nameVar должен состоять из комбинации латинских букв и арабских цифр!');
nameForm.nameVar.focus();
return false;
};

4. Проверка E-mail
if(! (/^[a-zA-Z0-9_\-\.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$/.test(nameForm.nameVar.value))){
alert("Ошибка в E-mail!");
nameForm.nameVar.focus();
return false;
};

5. Комбинация символов и их количества
if(!(/[0-9]{6}$/.test(nameForm.nameVar.value))){
alert('nameVar должен состоять только из 6 цифр');
nameForm.nameVar.focus();
return false;
};

Собственно говоря это пять основных, на основе которых можно создавать разнообразные комбинации сложных проверок.

Комментарии (2)

RSS свернуть / развернуть
+
0
Насчет регулярок с проверкой валидности веденных данных, есть онлайн тестер regexpr.ru/ мне частенько помогает.
avatar

dimon

  • 12 мая 2010, 15:12
+
0
не знал. кстати, форум там не работает.
avatar

degtyarchuk

  • 12 мая 2010, 15:31

Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.
Не забываем смотреть статистику:

Яндекс цитирования