Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
16 / 16 / 5
Регистрация: 06.10.2015
Сообщений: 245

Не работает валидация полей в скрытом блоке

06.03.2018, 18:22. Показов 882. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте, дорогие форумчане!

Есть форма и поделена на 2 части. При заполнении одной, открывается другая (дисплей нон было вачале)
Всем обязательным полям присвоен класс .req
Вот когда открывается второй блок и нажимаем отправить - форма отправляется без валидации (хотя поля пустые)
Если поле открыто полностью - всё работает правильно

скрипт валидации

JavaScript
1
2
3
4
5
6
7
8
$("form").submit(function(e) { //Change
var req = $(this).find('.req');
        /* проверка на пустые поля */
        if(req.val() == 0){
            req.addClass('error');
            return false;
        }
........
HTML5
1
2
3
4
5
6
7
8
9
10
<div class="wrap-input part-2">
                                    <div class="reply-field">
                                        <input type="email" name="email">
                                        <label for="email" class="label-block">E-mail</label>
                                    </div>
                                    <div class="reply-field">
                                        <input type="tel" name="phone" class="req" data-inputmask="'alias': 'phone'">
                                        <label for="phone" class="label-block">Телефон</label>
                                    </div>
                                </div>
и вторая часть... только в дисплей нон.

Может скрипт просто не видит скрытый блок?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
06.03.2018, 18:22
Ответы с готовыми решениями:

Плагин jScrollPane в скрытом блоке!?
Привет народ!!! Столкнулся с проблемой в использовании плангина jScrollPane2. Я отлично его настроил и он работает НО! только не в...

Валидация полей
Добрый день. Такой вопрос. Сделал валидацию полей, но валидация работает только при добавлении данных, нужно также сделать и для...

Валидация полей
Нашел нужный мне скрипт, как применить его к id полям value. например к id=&quot;summ2&quot; и id=&quot;summa&quot; &lt;script&gt; ...

5
392 / 294 / 121
Регистрация: 26.08.2016
Сообщений: 902
06.03.2018, 20:12
Не понимаю как вообще ваш скрипт работает...
val() согласно документации jQuery возвращает значение value только первого элемента из набора,
этот скрипт не проверяет все элементы с классом req
0
16 / 16 / 5
Регистрация: 06.10.2015
Сообщений: 245
06.03.2018, 20:47  [ТС]
renat_dmitriev,
опачки.... а это много объясняет...

А как лучше сделать? Вам не сложно будет подсказать?
проверить все инпуты с классом req
0
392 / 294 / 121
Регистрация: 26.08.2016
Сообщений: 902
06.03.2018, 21:01
JavaScript
1
2
3
4
5
6
7
var hasErrors = false;
 
$(this).find('.req').each(function(i,elem) {
    if ($(this).val() == 0 && (hasErrors = true)) $(this).addClass('error');
});
 
return !hasErrors;
1
16 / 16 / 5
Регистрация: 06.10.2015
Сообщений: 245
13.03.2018, 02:16  [ТС]
renat_dmitriev,
спасибо, проверяет....но теперь не отправляет (((

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
$("form").submit(function(e) { //Change
 
        var hasErrors = false;
 
        $(this).find('.req').each(function(i,elem) {
            if ($(this).val() == 0 && (hasErrors = true)) $(this).addClass('error');
        });
 
        return !hasErrors;
 
        /* тогда отправляем на почту */
        var th = $(this);
        $.ajax({
            type: "POST",
            url: "mail.php", //Change
            data: th.serialize()
        }).success(function() {
 
            var che = $('input:radio[name=payment]:checked').val();
            if (che == 'Наличные'){
                $.magnificPopup.open({
                    items: {
                        src: '.modal'
                    }
                });
            }else{
                $.magnificPopup.open({
                    items: {
                        src: '.modal-link'
                    }
                });
                setTimeout(function() {
                    window.location.href = "http://afisha.bycard.by/performance/trening_ekaterina_kononova_intensiv_po_lichnomu_brendingu?utm_source=frame&utm_medium=timanovich&utm_campaign=kononova"
                    $.magnificPopup.close();
                }, 3000);
            }
 
            th.trigger("reset");
        }).error(function(){
            alert("Error!");
        });
        return false;
 
    });
После нажатия отправить, появляется длинная строка из передаваемых данных в браузерной строке. но не передаёт (((
0
392 / 294 / 121
Регистрация: 26.08.2016
Сообщений: 902
13.03.2018, 08:54
maxon-by,

Естественно после

JavaScript
1
return !hasErrors;
ничего выполняться не будет, я же вам просто пример дал, нет смысла бездумно вставлять его в свой код, о котором я понятия не имел.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
13.03.2018, 08:54
Помогаю со студенческими работами здесь

Валидация полей объекта
Доброго времени суток, форумчане. Есть класс: Produtc.cs using System.ComponentModel.DataAnnotations; public...

Валидация полей в форме
Доброго времени суток. Взял готовую систему авторизации, но при нажатии кнопки &quot;Login&quot; ничего не происходит. Как сделать...

Валидация полей формы
Форма регистрации имеет четыре поля: фамилия, имя, email и пароль. Данные записываются в базу данных. Все работает, но мне бы хотелось...

Валидация несольких полей
Доброго времени суток! У меня такая проблема... есть несколько полей на странице, которые я валидирую при помощи CustomValidator,...

Валидация Read Only Полей
Может кто вкурсе как можно сделать валидацию ридонли полей в икспейдж. Данные поля заполняю с помощью диалога.Заранее благодарю за ответы!


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru