Задачка

Тема в разделе "JavaScript", создана пользователем AlexGood, 21 май 2018.

  1. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    HTML:
    <form class="promo" method="GET">
            <span>Введите номер телефона</span>
                       <input type="text" id="phone" name="phone" placeholder="+375 (xx) xxx-xx-xx" required>
            <input type="submit" value ="отправить">
    
            <span>Введите код активации</span>
                        <input type="text" id="code_activation" placeholder ="2965" disabled>
            <input type="submit" value ="отправить">
    </form>
    Вопрос в следующем: у меня 2 input, и 2 submit - первый заполняется по маске jquery.maskedinput.
    Блок с кодом активации заблокирован при помощи disabled.
    Как правильно описать момент, что только когда введен номер телефона по маске и нажата кнопка отправить, только тогда разблокируется блок с вводом активации?
     
  2. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    Самое простое - это первый сабмит неактивный, но есть
    после правильно заполненых 2х полей - он стает активный.
    и событие на его клик - появляется 2я форма с другим сабмитом, ну а первая скрывается)))
     
  3. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Прям все понятно))) А как-то на примере кода можно показать как это делается? И не так как вы описали)))) А как я писал выше: второй input заблокирован, после введения телефона по маске и нажатия отправить, - разблокируется второе поле

    Смысл в том, что при заполнении первого инпута по маске и нажатия отправить на телефон придет смс с кодом подтверждения, который нужно будет ввести во второе поле.
     
  4. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    я понял в чем задача и описал как я делаю и как чаще всего на сайтах сделано))
    по вашему инпуту - посути тоже самое- сначала он disabled, а после клика сабмита (событие на клик), инпут -enabled
    ток за вторую кнопку отправить забыли, она че будет активна даже при неактивном инпуте)))?
    ну и то что это будет 2 разные формы, а не одна как у вас))
     
  5. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Логику я понимаю без проблем, проблема в том что я пока не совсем понимаю как кодом описать.
     
  6. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    та что там код писать, уверен в гугле милион готовых форм
    что-то такое будет
    Код:
    document.forms['promo'].onsubmit = function(){
        // поиск ('#id').attr() и изменяем на enabled
        return false;
    };
    вот уже на jquery
     
    AlexGood нравится это.
  7. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Буду пробовать...