Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Валидация формы обратной связи

Модерирует : Cheery

articlebot (05-09-2014 00:52): JavaScript: Проверка значений элементов формы (e-mail, имя..  Версия для печати • ПодписатьсяДобавить в закладки

   

glayder

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Доброго дня! Делаю форму обратной связи и столкнулся с 2 проблема:
 
1) валидация номера телефона

Код:
 
case 'cont_phone':
                    var cont_phone = /^([0-9)/;
                           if(val != '' && cont_phone.test(val))
                           {
                              $(this).addClass('not_error').css('border',bcolorGreen);
                           }
                           else
                           {
                              $(this).removeClass('not_error').addClass('error').css('border',bcolorRed);
                    }
                    break;
 

 
не работает скрипт... именно не сверяет с цифрами.
 
2) как сделать, чтобы при нажатии кнопки "отправить" проверялось на заполнение все поля и если одно из них не заполнено - выдавалось ошибка?

Всего записей: 3 | Зарегистр. 17-08-2014 | Отправлено: 21:42 03-09-2014
bordellinoff

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
@glayder
Скобка пропущена
 
/^([0-9)/
вместо
/^([0-9])/
 
... чтобы при нажатии кнопки "отправить" проверялось на заполнение все поля...
 
Добавить каждому обязательному элементу класс/атрибут required:
 
В виде класса:
 
<input type="text" name="обязательный_элемент" class="required">
 
JS-версия:
 
$('#form_id').submit(function(e)
{
    e.preventDefault();
    
    var is_empty = false;
    
    $('.required').each(function(i,e)
    {
        if ($.trim(this.value) != '')
        {
            // Элемент "в норме", более деталированная/специализированная проверка будет дальше.
        }
        else{
            // ОШИБКА
            is_empty = true;
            
            // Этот return возвращает нас лишь из each-петли, поэтому мы и выставляем флажок is_empty.
            return false;
        }
    });
    
    if (is_empty)
    {
        // Имеются незаполненные элементы, выходим из submit-обработчика.
        return false;
    }
    
    // Здесь наша деталированная/специализированная проверка ...
});
 
Атрибут-версия:
 
<input type="text" name="обязательный_элемент" required>
<input type="email" name="обязательный_элемент" required>
<input type="tel" name="обязательный_элемент" required>
 
Здесь всё за нас делает браузер
Естественно, этот вариант менее гибкий

Всего записей: 50 | Зарегистр. 13-10-2013 | Отправлено: 00:29 05-09-2014
   

Компьютерный форум Ru.Board » Интернет » Web-программирование » Валидация формы обратной связи
articlebot (05-09-2014 00:52): JavaScript: Проверка значений элементов формы (e-mail, имя..


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru