Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.11.2020, 12:10
Аспирант
Отправить личное сообщение для wrbanker Посмотреть профиль Найти все сообщения от wrbanker
 
Регистрация: 05.08.2020
Сообщений: 34

Остановка выполнения скрипта
Приветствую.
Есть код:

<form id="test-form">     
        <input type="radio" name="radio-button" value="Радио номер 1"> Радио 1
        <input type="radio" name="radio-button" value="Радио номер 2"> Радио 2
        <input type="radio" name="radio-button" value="Радио номер 3"> Радио 3
        <input class="i-sum" type="number" name="sum" id="sum">Сумма
        <input class="i-date" type="date" name="date" id="date">Дата 
        
        <input type="submit" value="Обработать">
   </form>
                 
       <script>      
           const form = document.querySelector('#test-form');           
           form.addEventListener('submit', function (event) { 
               event.preventDefault();

               let r1 = this.querySelector('[name="radio-button"]:checked');
               if (r1) {
                   r1 = r1.value
               } else {
                   alert ('Выберите радио');
                   // Остановка выполнения скрипта
               };
               let s1 = this["sum"].value;
               if (s1==0) {
                   alert ('Введите сумму');
                   // Остановка выполнения скрипта
               };
               let d1 = this["date"].value;
               if (d1==0) {
                   alert ('Введите дату');
                   // Остановка выполнения скрипта
               };  
               
               console.log (r1, s1, d1);
            });
       </script>


Задача: вывести в консоль значения переменных r1, s1, d1 только в том случае, если все поля формы заполнены. Если хотя бы одно поле не заполнено, то выводится alert и выполнение скрипта останавливается.

Последний раз редактировалось wrbanker, 12.11.2020 в 14:42.
Ответить с цитированием
  #2 (permalink)  
Старый 12.11.2020, 16:33
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 852

Есть такой оператор - return
Ответить с цитированием
  #3 (permalink)  
Старый 12.11.2020, 17:37
Аспирант
Отправить личное сообщение для wrbanker Посмотреть профиль Найти все сообщения от wrbanker
 
Регистрация: 05.08.2020
Сообщений: 34

Сообщение от voraa Посмотреть сообщение
Есть такой оператор - return
Видимо, не хватает элементарных знаний. Оператор return использую исключительно в функциях. Как его использовать в разветвлениях - совсем не в курсе...
Ответить с цитированием
  #4 (permalink)  
Старый 12.11.2020, 18:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 29,550

Сообщение от wrbanker
return;// Остановка выполнения скрипта
добавить в строки 21, 26, 31
Ответить с цитированием
  #5 (permalink)  
Старый 12.11.2020, 18:48
Аспирант
Отправить личное сообщение для wrbanker Посмотреть профиль Найти все сообщения от wrbanker
 
Регистрация: 05.08.2020
Сообщений: 34

Сообщение от рони Посмотреть сообщение
добавить в строки 21, 26, 31
Да, всё очень просто и всё работает. То ли я не теми источниками пользуюсь, то ли знания какие-то засекреченные и приходят с опытом...
Спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Форма обратной связи. Ошибка выполнения скрипта Fandor Элементы интерфейса 1 01.12.2013 14:39
Остановка выполнения скрипта до определенного действия пользователя. Matisumi Общие вопросы Javascript 3 27.01.2013 23:21
Получить результат выполнения скрипта на сервере в переменную ява gyper AJAX и COMET 5 19.11.2012 10:36
Google Chrome перерисовка страницы во время выполнения скрипта Dekart Javascript под браузер 0 08.06.2010 08:35
Остановка выполнения скрипта parzh-junior Элементы интерфейса 0 12.12.2009 13:58