Как сделать так, чтобы при нажатии на кнопку форма, встроенная в модальное окно, не исчезала?

Question

[Alex_87]

Здравствуйте! Как сделать так, чтобы при нажатии на кнопку "Оставить заявку "форма, встроенная в модальное окно, не исчезала в том случае, если есть ошибки? P.S. Код для ошибок не нужен, уже прописан. Нужно просто заставить формe не исчезать.

if(isset($_POST['submit'])){
                     $to = '[e-mail]';
                     $tema = 'Новое сообщение';
                     $name = strip_tags(trim($_POST['name']));
                     $email = strip_tags(trim($_POST['email']));
                     $skype = strip_tags(trim($_POST['skype']));
                     $sms = strip_tags(trim($_POST['sms']));
                     $message = "Имя пользователя: ".$name."\r\n";
                     $message .= "Почта: ".$email."\r\n";
                     $message .= "Skype: ".$skype."\r\n";
                     $message .= "Сообщение: ".$sms."\r\n";


                     $error = false;
                     $err = array('email' => '', 'name' => '', 'sms' => '');

                     if (empty($email) || !filter_var($email, FILTER_VALIDATE_EMAIL)){
		          $err['email'] = 'Вы не ввели email';
			  $error = true;
		     }
                     if (empty($name)){
		          $err['name'] = 'Вы не ввели имя';
			  $error = true;
		     }

                     if(!$error){
                        $subject = "=?utf-8?B?".base64_encode($subject)."?=";
                        $headers = "From: $from\r\nReply-to: $from\r\nContent-type:text/plain; charset=utf-8\r\n";
                        mail($to, $subject, $sms, $headers);
                          if(mail($to, $subject, $sms, $headers)){
                             header('Location: /index.php');
                        }
                     }
                 }

Comments

[twobomb]

Все очень легко, просто не закрывайте форму.

[4iloveg]

Такую валидацию лучше на js сделать

[Alex_87]

twobomb, а как её не закрывать? Я ничего не прописывал для закрытие формы. Она может закрыться только при нажатии на тёмный фон

[twobomb]

Alex_87, Делайте проверку на js, в случае ошибки вызывайте preventDefault

[Alex_87]

twobomb, Мне нужно прописать условие. Если есть ошибка, форму не закрывать. Как это можно перевести на php/js?

[twobomb]

Alex_87, Ну на js на кнопку на событие клика вешайте обработчик и там уже делайте что хотите

Answer 1

[trenrnd]

На кнопке явно висит функция, которая закрывает окно. Добавьте условие, когда при наличии ошибок эта функция игнорируется. Пусть даже так if(document.getElementById('name_error')!='').

Comments

[Alex_87]

Вот в том то и проблема, что нет функции js на эту кнопку. Закрытие формы происходит только при нажатии на overlay(тёмный фон)

[trenrnd]

Alex_87, если вы все писали с нуля, то даже не представляю, не экстрасенс. А если не с нуля, то скорее всего вы просто не видите эту функцию

[Alex_87]

trenrnd,

Вот код модального окна. Закрытие подвешено только на overlay
/* Модальное окно */
function Popup(options){
    this.modal = document.querySelector(options.modal);
    this.overlay = document.querySelector(options.overlay);
    
    var popup = this;
    
    this.open = function(content){
        popup.modal.innerHTML = content;
        popup.overlay.classList.add('open');
        popup.modal.classList.add('open');
        
        popup.modal.querySelector('.popupcontact')
                       .style.display = "block"
    }
    
    this.close = function(){
        popup.overlay.classList.remove('open');
        popup.modal.classList.remove('open');
    }
    
    this.overlay.onclick = popup.close;
    
}

window.onload = function(){
    var p = new Popup({
        modal: '.modal',
        overlay: '.overlay'
    });
    
    
    document.querySelector('.for').onclick = function(){
        var form = document.querySelector('.popupcontact');
        p.open(form.outerHTML);
    };
}