Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
Escaper1
2 / 2 / 1
Регистрация: 09.02.2015
Сообщений: 353
1

Валидация формы

25.02.2017, 13:24. Просмотров 899. Ответов 15
Метки нет (Все метки)

Загрузить на сайт не удалось файлы, еще какой-то непреодолимой мистикой они некорректны.

del

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

Если кто-то подумает, что вирусы в файлах, то сам код:

Custom.js:
Javascript
1
2
3
4
5
6
7
8
9
$(function() {
    $("#form1test").validate({
        rules: {
            name1: {
                required: true
            }
        }
    });
});
index.php:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!doctype html>
<html lang="en">
<head>
    <meta charset = "utf-8" />
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <script src = "jquery-1.4.4.min.js"></script>
    <script src = "jquery.validate.js"></script>
    <script src = "custom.js"></script>
</head>
<body>
    <form id = "form1test" action="">
        <input class = "inputf" type = "text" id = "name1" name = "name1" placeholder = "Имя"><br>
        <input class = "inputf" type = "text" id = "family" name = "family" placeholder = "Фамилия"><br>
        <button class = "btnf" type = "submit" id = "btnC" name = "btnC">Отправить</button>
    </form>
</body>
</html>
А сам файл валидации в интернете в открытом доступе.

Ошибки в консоли:

Валидация формы
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
25.02.2017, 13:24
Ответы с готовыми решениями:

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

Валидация формы
Всем привет, Есть обычная html форма &lt;form method=&quot;post&quot; ...

валидация формы
Нашел в интернете примеры, того , как поле в форме делается невозможным для...

Валидация формы
как посредством jquery не дать юеру отправить форму, если он в ней ничего не...

Валидация формы + ajax обработка
Имеется такая форма: html &lt;form method=&quot;post&quot; action=&quot;#&quot; id=&quot;callbacks&quot;&gt;...

15
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2811 / 2380 / 1030
Регистрация: 15.12.2012
Сообщений: 8,824
Записей в блоге: 4
25.02.2017, 13:39 2
Конечно файл файл называется jquery.validate.min.js, а подключаете как:
HTML5
1
<script src = "jquery.validate.js"></script>
Где min? А так всё огонь:
PHPHTML
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
<!doctype html>
<html lang="en">
<head>
    <meta charset = "utf-8" />
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script src = "scripts/jquery.validate.min.js"></script>
    <script src = "scripts/custom.js"></script>
</head>
<body>
    <form id="form1test" action="">
        <input class = "inputf" type = "text" id = "name1" name = "name1" placeholder = "Имя"><br>
        <input class = "inputf" type = "text" id = "family" name = "family" placeholder = "Фамилия"><br>
        <button class = "btnf" type = "submit" id = "btnC" name = "btnC">Отправить</button>
    </form>
    <script>
    $(function() {
        $("#form1test").validate({
            rules: {
                name1: {
                    required: true
                }
            }
        });
    });
    </script>
</body>
</html>
1
Escaper1
2 / 2 / 1
Регистрация: 09.02.2015
Сообщений: 353
25.02.2017, 14:57  [ТС] 3
Fedor92, у меня две версии, когда пытался устранить ошибки - подумал воткнуть полную версию. Но и с полной тоже самое.
Запустил у себя твой код - все работает.
Тащим в основной проект и получаем:

Валидация формы


5 строчка, наблюдаем: required: true.
Что ему не нравится - сам Бог не в курсе...
Повторил еще раз в тестовом проекте - все работает.
Может ли такое, что я подключил слишком много файлов?
0
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2811 / 2380 / 1030
Регистрация: 15.12.2012
Сообщений: 8,824
Записей в блоге: 4
25.02.2017, 15:19 4
Escaper1, содержимое validateformcontacts в студию...
1
Escaper1
2 / 2 / 1
Регистрация: 09.02.2015
Сообщений: 353
25.02.2017, 16:33  [ТС] 5
Fedor92, держи:

Javascript
1
2
3
4
5
6
7
8
9
$(function() {
    $("#formContacts").validate({
        rules: {
            name: {
                required: true;
            }
        }
    });
});
В точности тоже самое, но не хочет...
0
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2811 / 2380 / 1030
Регистрация: 15.12.2012
Сообщений: 8,824
Записей в блоге: 4
25.02.2017, 17:04 6
Лучший ответ Сообщение было отмечено Escaper1 как решение

Решение

Escaper1, версию jquery поставь другую... Попробуй подключить:
HTML5
1
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
Вместо 1.4.4
1
Escaper1
2 / 2 / 1
Регистрация: 09.02.2015
Сообщений: 353
25.02.2017, 18:18  [ТС] 7
Fedor92, бесполезно. Мне кажется не в этом дело, ведь копирую из основного проекта все использующиеся файлы, в т.ч. jquery. В созданном только что проекте работает, а в имеющемся нет.
Мистика, да и только

Добавлено через 3 минуты
Слайдер слетает с последней версией JQ.
Пожалуй, лучше не трогать его вовсе.
0
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2811 / 2380 / 1030
Регистрация: 15.12.2012
Сообщений: 8,824
Записей в блоге: 4
25.02.2017, 18:21 8
Цитата Сообщение от Escaper1 Посмотреть сообщение
Fedor92, бесполезно
Не знаю, не знаю... Воспроизвёл твою ошибку, заменил версию jQuery и всё огонь... Если отваливается слайдер, то валидацию проще самому написать, чем подключать плагин...
1
Escaper1
2 / 2 / 1
Регистрация: 09.02.2015
Сообщений: 353
25.02.2017, 20:56  [ТС] 9
Fedor92, да нет, проблема явно в другом, вот если бы в тестовом проекте не работало при подключении этого же JQ и плагина, то вопрос бы отпал.
Цитата Сообщение от Fedor92 Посмотреть сообщение
валидацию проще самому написать
Это уже оставлю на самый последний момент, когда вариантов не останется, ведь время поджимает
И здесь я не имею в виду лень или что-то подобное, просто зная свой уровень, вряд ли напишу качественную валидацию.
0
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2811 / 2380 / 1030
Регистрация: 15.12.2012
Сообщений: 8,824
Записей в блоге: 4
25.02.2017, 21:13 10
Цитата Сообщение от Escaper1 Посмотреть сообщение
И здесь я не имею в виду лень или что-то подобное, просто зная свой уровень, вряд ли напишу качественную валидацию.
Валидационных проверок и на форуме полно, достаточно воспользоваться поиском...
1
Escaper1
2 / 2 / 1
Регистрация: 09.02.2015
Сообщений: 353
26.02.2017, 13:26  [ТС] 11
Fedor92, во 2 у меня вообще ничего не показывает, а в первом пустая форма, так сказать)
Я попробую сам написать валидацию, но этот плагин, конечно же, сэкономил бы сильно время.
0
KOPOJI
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
16754 / 6645 / 864
Регистрация: 12.06.2012
Сообщений: 19,897
Завершенные тесты: 1
26.02.2017, 13:29 12
Лучший ответ Сообщение было отмечено Fedor92 как решение

Решение

Цитата Сообщение от Fedor92 Посмотреть сообщение
первый выдаёт ошибку
потому что точка с запятой там лишняя
Javascript
1
2
3
4
5
6
7
8
9
$(function() {
    $("#formContacts").validate({
        rules: {
            name: {
                required: true
            }
        }
    });
});
либо так
Javascript
1
2
3
4
5
6
7
8
9
$(function() {
    $("#formContacts").validate({
        rules: {
            name: {
                required: true,
            }
        }
    });
});
но никак не так
Javascript
1
2
3
4
5
6
7
8
9
$(function() {
    $("#formContacts").validate({
        rules: {
            name: {
                required: true;
            }
        }
    });
});
о чем, в принципе, js и сообщает в консоли.
2
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2811 / 2380 / 1030
Регистрация: 15.12.2012
Сообщений: 8,824
Записей в блоге: 4
26.02.2017, 13:37 13
KOPOJI, всё верно... Кеш надо чаще обновлять... Смотрю на код из первого поста, а в самом файле не проверил...
1
Escaper1
2 / 2 / 1
Регистрация: 09.02.2015
Сообщений: 353
26.02.2017, 16:35  [ТС] 14
KOPOJI, тот самый момент, когда после true добавил запятую:

Валидация формы


Еще и иконки мистикой слетели.

Подключил 3.1.1, форма стала валидироваться (воистину великое слово).

Валидация формы


Вот только опять же, иконки почему-то слетают и слайдер перестал работать:

Валидация формы

Валидация формы


Может запускать на главной два JQ?
0
KOPOJI
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
16754 / 6645 / 864
Регистрация: 12.06.2012
Сообщений: 19,897
Завершенные тесты: 1
01.03.2017, 10:51 15
не надо запускать две различные версии. Лучше разберитесь с ошибками, почему их выдает. Например, почему 404 ошибка выдается - проверьте пути к файлам. По второй ошибке - опять же, походу проблема с jQuery - видимо children возвращает функцию/замыкание, в результате чего и появляется ошибка
1
Escaper1
2 / 2 / 1
Регистрация: 09.02.2015
Сообщений: 353
01.03.2017, 17:40  [ТС] 16
KOPOJI, у меня оказывается времени уже нету)
Сказали, когда сдать надо. Буду заполнять контентом теперь уж. Пока работает - нормально, потом буду разбираться с ошибками и удалять старую версию.
0
01.03.2017, 17:40
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
01.03.2017, 17:40

не срабатывает валидация формы на jQuery
&lt;script type=&quot;text/javascript&quot;&gt; $('#js-order').on(&quot;click&quot;,function(e){...

Валидация формы поиска на пустое значение
Добрый день! Имеется следующая форма и код на валидацию по пустому введенному...

Валидация скопированной формы. jquery.validation
Допустим имеется кнопка, по клику которой происходит копирование имеющейся...


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

Или воспользуйтесь поиском по форуму:
16
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru