Столкновение двух js файлов?

Question

[Alex_87]

Ещё раз здравствуйте! Прошу экспертов, своим ответом, помочь выйти на финишную прямую!
При изменении display свойства блока, отвечающего за форму, на none ajax запрос не работает. То есть работает только когда форма изначальна видна на странице. В случае выведения формы с помощью модального окна, ajax перестаёт работать Помогите пожалуйста разобраться!
display:none (Формы на странице нет!!!)

display:block (Форма отображается на странице!!!)

Ссылка: https://yadi.sk/d/oaRGSPs83NXqo7
К сожалению в jfiddle запихнуть не получается. Имеется внешний файл!

Comments

[Kovalsky]

Проблема в седьмой строчке файла ajax.js - сразу после загрузки документа вы вешаете на элемент #form обработчик. При копировании контента обработчик не копируется.

К тому же вам не нужно инклюдить файл form.php.

[Alex_87]

Никита Полевой, вы имеете ввиду, что событие на 7 строчке должно быть подвешено при появлении формы? То есть нужно что-то дописать, вроде... При document.querySelector('кнопка').onclick и включить обработчик document.querySelect('#form').submit.... А как это сделать, синтаксически?

[Kovalsky]

Alex_87, $( document ).on('submit', 'form', function() {}) вместо $('#form').submit

[Alex_87]

Никита Полевой, Никита, огромное вам спасибо!!!!!! Ещё один, по этой теме последний вопрос! Но сначала, вот что хотел узнать... Что вы читали, проходили? Как до своего уровня дошли? Я бы долго до этого решения доходил) С синтаксисом беда! ... Вопрос такой... Как мне, в случае, если поля пустые, окрасить рамкой в какой-то цвет

window.onload = function(){
$(document).ready(function() {
    $( document ).on('submit', 'form', function(event) {
        event.preventDefault();
        if (document.form.name.value == '' || document.form.phone.value == '' ) {
           // код для окраски рамок для пустых полей
            valid = false;
            return valid;
        }
        $.ajax({
            type: "POST",
            url: "form.php",
            data: $(this).serialize()
        }).done(function() {
            alert('Спасибо');
        });
        return false;
    });
  });
};

И ещё
В коде, как я понял, идёт обращение в php файл. Там у меня прописаны вывод ошибок, но почему-то они не выводятся. Почему?

$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){
                        $tema = "=?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, $tema, $message, $headers);
                       // if(mail($to, $subject, $sms, $headers)){
                           //  header('Location: /otzivi.php');
                       // }

[Kovalsky]

Alex_87, сильно сомневаюсь, что я хоть на каком-то значимом уровне в мире разработки. Если между мной и вами вообще есть какие-то в этой области отличия, то максимум в том, что я пытаюсь понимать что вообще происходит.

"Там у меня прописаны вывод ошибок" - не-а, нету вывода ошибок. Более того - вообще никакого вывода нет, скрипт ничего не выводит. Вижу переменные $error и $err, больше ничего связанного с этим нету.

[Alex_87]

Никита Полевой, Я к тому, что если поля пустые то в переменную $err записывается текст (свой) ошибки. До ajax всё отлично работало, а сейчас нет. Ведь сам скрипт заходит в form.php Мне казалось, что он что-то сможет вывести! А так получается, что обработка формы происходит только посредством ajax. Но я точно знаю, что к примеру в той же форме, они могут действовать вместе. Так и должно быть. Валидация должна быть с двух сторон, поскольку если она будет только со стороны клиента, то сам пользователь сможет легко её отключить! Так как сделать её в том числе и на php? С этим ajax кодом, это возможно? P.S. А ка вы ищите информацию? Вот данный код $( document ).on('submit', 'form', function() {})
Вы сами додумали или может покопались в документации?

[Kovalsky]

Alex_87, а зачем вам нужно проводить эту проверку на сервере? Проверяйте на клиенте, и всё. Если очень хочется, можно эти ошибки отправлять клиенту обратно. Наверное речь об этом.

"Вы сами додумали или может покопались в документации?" - это просто делегирование обработчика родительскому элементу.