1

У меня есть функция, которая вызывает модальное окно, с предупреждением.

Есть форма которую нужно заполнить, но прежде чем приступать к ее заполнению, нужно сначала выбрать категорию с помощью селекта.

Хочу реализовать следующее.

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

Можно как то реализовать это, не прописывая функцию вызова окна каждому полю ? т.е что бы как то отбхватить всю форму целиком ?

1
  • Комментарии не предназначены для расширенной дискуссии; разговор перемещен в чат.
    – user177221
    31 авг 2016 в 15:47

1 ответ 1

2

Воспользуйтесь всплывающими событиями - https://habrahabr.ru/post/246837/.

(function(document){
var form = document.querySelector('form'),
	select = form.querySelector('#category');

form.addEventListener('focus',focused,true);

function focused(e){
	var target = e.target;
	if (target.tagName.toLowerCase() !== 'input') return; //Обрабатываем фокус только на input'ах
 
 /*
	Элемент на котором сработал фокус находится в переменной target
*/
  
  
	console.log('focus', select.value);
  
}

})(document);
<form>
<div>
  <select id="category">
    <option>1</option>
    <option>2</option>
    <option>3</option>
  </select>
</div>
<div>
<input type="text">
</div>
<div>
<input type="text">
</div>
</form>

JSFiddle - jsfiddle.net/1s3xsb95/

3
  • Не подскажите, как при вызове modal убрать с подвеску клавиатуры ? т.е к примеру если я вызываю модал окно, по клику или фокусу на инпут, то в телефоне автоматически вылетает "клавиатура для набора текста" как можно такое предотвратить ?
    – user199432
    26 авг 2016 в 14:28
  • 1
    function focused(e){ var target = e.target; if (target.tagName.toLowerCase() !== 'input') return; //Обрабатываем фокус только на input'ах target.blur(); //Убираем фокус с поля /* Элемент на котором сработал фокус находится в переменной target */ console.log('focus', select.value); } 27 авг 2016 в 8:43
  • Это что было то ? А понял, там просто в комментах код запрятался. Спасибо ! щас попробую
    – user199432
    27 авг 2016 в 8:50

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.