0

Вот сам скрипт

   $(function(){
    /* Mail */
    $('.mail').submit(function(e){
        e.preventDefault();
        if($(this).find('.phone').val().trim().length > 0){
        $(this).children('.sends').replaceWith("<h5 class='nomargbut tcenter'>Спасибо за заявку!</h5><h5 class='nomargbut tcenter'>Мы свяжемся с Вами в течение 30 минут</h5>");
        $(this).children('.send').replaceWith("<h5 class='nomargbut tcenter'>Спасибо за заявку!</h5><h5 class='nomargbut tcenter'>Мы свяжемся с Вами в течение 30 минут</h5>");
        $.ajax({
            type: 'POST',
            url: 'sends.php',
            data: $(this).serialize(),
            success: function(data){
                if(data == "true"){
                    $('.back, .hide').hide().before('<div class="success">Success text.</div>');
                    setTimeout("$('.success').fadeOut()", 3000);
                }
            }
        });
        } else {
            alert('empty field');
        }
    });

Как закрыть модальное окно после его выполнения?

  <div id="myModal" class="reveal-modal tcenter">
    <h2>Оставьте заявку</h2>
            <p>Оставьте заявку и наши<br>
менеджеры с вами свяжутся</p>
            <div class="form-wrap3 tcenter">
                <form action="" class='mail' method='POST'>
                    <input id="name" maxlength="200" name="name" required type="text"  placeholder='Введите имя' pattern='^[А-Яа-яЁё\s]{2,}'  title="Введите ваше имя русскими буквами" pattern='[А-Яа-яЁё]{2,}'><br>
                            <input class="phone" maxlength="20" name="phone" type="text" placeholder='Ваш телефон' pattern='8[0-9]{10}' required title="Формат (с цифры 8 и без пробелов): 89061111111" ><br>
                            <button class="sends" type="submit"></button>
                            <input type=hidden name=mail value="Заявка">
                            <?php include 'hfost.php'; ?>
                        <input type="hidden" name="znachenie" value="Заказ звонка"></form>

            </div>
            <a class="close-reveal-modal">&#215;</a>
        </div>
5
  • как думаете, удобно будет отвечающему использовать ваш код с '>' ?
    – zb'
    17 дек 2013 в 12:41
  • А я б за "Формат (с цифры 8 и без пробелов)" - по рукам линейкой :)
    – user6550
    17 дек 2013 в 12:46
  • и за setTimeout("$('.success').fadeOut()",3000)
    – zb'
    17 дек 2013 в 12:47
  • поправил, извините
    – MackD
    17 дек 2013 в 12:57
  • да нам-то что, это ваши юзеры материться будут...
    – user6550
    17 дек 2013 в 13:04

3 ответа 3

2
$('#myModal').hide();

Т.е. мы ищем модальное окно по селектору (css) и применяем на нем jQuery метод hide(), тем самым скрывая модальное окно.

4
  • success: function(data){ if(data == "true"){ $('#myModal').hide(); } я так делал, ни в какую
    – MackD
    17 дек 2013 в 12:58
  • она исчезает, но $(this).children('.sends') не срабатывает
    – MackD
    17 дек 2013 в 13:00
  • А что в data приходит, строка 'true'?
    – user6550
    17 дек 2013 в 13:04
  • да, неправильно так?
    – MackD
    17 дек 2013 в 13:07
-1

вставь data-dismiss="modal" в тэг кнопки

2
  • Постарайтесь писать более развернутые ответы. Поясните, на чем основано ваше утверждение? 2 мар 2016 в 12:50
  • Уже пробывал добавлять data-dismiss="modal" но это не помогло
    – Asom
    13 дек 2017 в 6:41
-1

Помогло location.reload(), перезагрузить страничку. Но правильно ли это? На данном этапе эта страница не добавлена в проект SPringBoot, после добавления будет ли это работать и не будет требовать повторную авторизацию?

Ваш ответ

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

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.