Проверка формы на заполнение

@morkovka-13 · Регистрация: 29.04.2011

Студворк — интернет-сервис помощи студентам

Всем доброго времени суток!
Столкнулся с проблемой, что нужно написать скрипт проверки формы на заполнение.
Т.к. в jquery я новичок, пишу к вас за помощью

Нашел демо пример, установил на сайт, работает, но криво, а именно:
У меня 2 формы на сайте, и если нажать на одну из кнопок отправить, то скрипт выделяет все поля обеих форм, хотя я указываю только одну определенную. Сам скрипт:

JavaScript
1
2
3
4
5
6
7
8
 $('#bgform .form1').bind('submit', function(event) {
    $('[type=text]').each(function() {
      if(!$(this).val().length) {   
        event.preventDefault();
        $(this).css('border', '2px solid red');
      }
    });
 });

mihalken · 17.06.2014, 15:47

HTML в студию.

@morkovka-13 · 17.06.2014, 15:52 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<form action="send.php" method="POST" class="form1">
            <div>
                <input name="name" type="text" class="name" placeholder="Имя*" />
                <input name="phone" type="text" placeholder="Телефон*" />
                <input name="email" type="text" placeholder="E-mail" />
            </div>
                <p id="block_form_bg">
                    <span class="vosklicatelnyi">!</span>
                    <span class="go">GO</span>
                    <span class="jmi">Жми :)</span>
                 <input type="submit" class="button" value="" />
                </p>
                
            </form>

Вот HTML, с этим разобрался, проблема была в том, что делал выборку всех элементов type=text.
Сейчас хочу разобраться как работает этот скрипт, может кто объяснить?

mihalken · 17.06.2014, 16:00

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// бинд на форму. событие при отправки
$('#bgform .form1').bind('submit', function(event) {
 
    // найти все элементы типа "text" в форме .form1
    // перебор селектора
    $('.form1 [type=text]').each(function() {
 
      // если поле пустое, то
      if( !$(this).val().length ) { 
 
        // отменить событие по умолчанию (отправка формы)
        event.preventDefault(); 
 
        // обернуть Текущие поле в красную 2 пиксельную рамку
        $(this).css('border', '2px solid red');  
      }
    });
 });

@morkovka-13 · 17.06.2014, 16:14 **[ТС]**

Спасибо!

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

mihalken 97 / 97 / 74 Регистрация: 15.05.2014 Сообщений: 269 Записей в блоге: 2
	17.06.2014, 15:47
	HTML в студию. 0

@morkovka-13 4 / 4 / 1 Регистрация: 29.04.2011 Сообщений: 182
	17.06.2014, 16:14 [ТС]
	Спасибо! 0