your_nightmare12

Пользователь

Регистрация: 30.12.2017

Сообщения: 46

Рейтинг: 1

your_nightmare12

Регистрация: 30.12.2017

Сообщения: 46

Рейтинг: 1

Короче, всем приует.


Вопрос такой.

На странице есть НЕСКОЛЬКО (5+ шт форм) для отправки заявок.


Формы по типу:


1.

Имя

Телефон

Кнопка "Отправить"

2.

Имя

Телефон

Почта

Кнопка "Отправить"


Т.Е не везде будет почта, а только в некоторых.


Сейчас страница есть(код на ней менять нельзя), на ней есть формы только с телефонами, в будущем доделают имена и почты.

Мне нужно сделать скрипт отправки, который будет собирать все utm метки + куки + ссылки и т.д


Проблема в том, что все формы и кнопки в одном класс, пример form class="form" button type="submit" class="button".

Необдимо как-то сделать так, чтобы когда допустим вводят в ФОРМУ ТОЛЬКО С ИМЕНЕМ И ТЕЛЕФОНОМ он не проверял почту. Другими словами, МОЖНО ЛИ при нажатии на кнопку ВНУТРИ ОПРЕДЕЛЕННОЙ ФОРМЫ чтобы он проверял на inputы только ЭТУ ФОРМУ, на кнопку которой нажли, а не бегал по всей страничке и чекал все формы.


Возможно есть другие варианты, напишите плеасе кто шарит + ссылка где можно прочитать поподробнее, JS не шарю особо, могу элементарные ошибки допустить где-то.


Спасибо

Siller__

Пользователь

Регистрация: 31.10.2014

Сообщения: 1485

Рейтинг: 468

Siller__

Регистрация: 31.10.2014

Сообщения: 1485

Рейтинг: 468

return;

???

saw_tooth

Пользователь

Регистрация: 20.08.2013

Сообщения: 5550

Рейтинг: 3287

saw_tooth

Регистрация: 20.08.2013

Сообщения: 5550

Рейтинг: 3287

your_nightmare12 сказал(а):

Другими словами, МОЖНО ЛИ при нажатии на кнопку ВНУТРИ ОПРЕДЕЛЕННОЙ ФОРМЫ чтобы он проверял на inputы только ЭТУ ФОРМУ, на кнопку которой нажали, а не бегал по всей страничке и чекал все формы.

Нажмите, чтобы раскрыть...

можно. Для этого придумали id и корень элемента корня формы, который ты можешь передать в колбеке, и уже там, относительно него работать Очевидно, что если это root-элемент формы, то и дальше него ты не зайдешь, что есть удобным, так как логику валидации можно делать общую для нескольких форм, при этом проверяя наличие тех или иных элементов в форме.


Это не есть бест практис, но ситуации помочь может.

itachinight

Пользователь

Регистрация: 25.02.2015

Сообщения: 89

Рейтинг: 145

itachinight

Регистрация: 25.02.2015

Сообщения: 89

Рейтинг: 145

your_nightmare12 сказал(а):

Короче, всем приует.


Вопрос такой.

На странице есть НЕСКОЛЬКО (5+ шт форм) для отправки заявок.


Формы по типу:


1.

Имя

Телефон

Кнопка "Отправить"

2.

Имя

Телефон

Почта

Кнопка "Отправить"


Т.Е не везде будет почта, а только в некоторых.


Сейчас страница есть(код на ней менять нельзя), на ней есть формы только с телефонами, в будущем доделают имена и почты.

Мне нужно сделать скрипт отправки, который будет собирать все utm метки + куки + ссылки и т.д


Проблема в том, что все формы и кнопки в одном класс, пример form class="form" button type="submit" class="button".

Необдимо как-то сделать так, чтобы когда допустим вводят в ФОРМУ ТОЛЬКО С ИМЕНЕМ И ТЕЛЕФОНОМ он не проверял почту. Другими словами, МОЖНО ЛИ при нажатии на кнопку ВНУТРИ ОПРЕДЕЛЕННОЙ ФОРМЫ чтобы он проверял на inputы только ЭТУ ФОРМУ, на кнопку которой нажли, а не бегал по всей страничке и чекал все формы.


Возможно есть другие варианты, напишите плеасе кто шарит + ссылка где можно прочитать поподробнее, JS не шарю особо, могу элементарные ошибки допустить где-то.


Спасибо

Нажмите, чтобы раскрыть...

Если кнопка лежит внутри формы, обращайся через element.parentNode и в нем уже обрабатывай элементы нужной тебе формы. Другой вопрос зачем нужно 5 форм, если можно сделать одну с необязательными полями для заполненияHAhaa.pngHAhaa.png

Sudjiro

Пользователь

Регистрация: 17.12.2011

Сообщения: 18569

Рейтинг: 6281

Sudjiro

Регистрация: 17.12.2011

Сообщения: 18569

Рейтинг: 6281

itachinight сказал(а):

Другой вопрос зачем нужно 5 форм, если можно сделать одну с необязательными полями для заполненияHAhaa.pngHAhaa.png

Нажмите, чтобы раскрыть...

потому что так препод заказчиксказал)HAhaa.png

B_Rabbit

Пользователь

Регистрация: 11.12.2017

Сообщения: 5534

Рейтинг: 3747

B_Rabbit

Регистрация: 11.12.2017

Сообщения: 5534

Рейтинг: 3747

img

повешать ивент на сабмит формы а не нажатие кнопки?