В общем делаю отправку данных ajax по нажатию на клавишу submit, делаю это в модальном окне. Код модального окна "actCode". Есть php обработчик, но когда ввожу какие то данные в модальное окно нажимаю зарегистрироваться, с обработки php присылает, что я ввел не все данные, хотя если делал без модального окна, просто в файле register.html с формами и кодом отправки данных, всё выводит нормально. Есть подозрения, что не работает из-за модального окна, но что именно не могу понять.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Екологія</title>
<link rel="stylesheet" href="style.css">
<link href='https://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="click-carousel.js"></script>
<script type="text/javascript">
$(function(){
$("#container").clickCarousel({margin: 10});
});
</script>
<script>
$(document).ready(function() {
$('#actCode').click(function(e) {
e.preventDefault();
var id = $(this).attr('href');
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mask').css({'width':maskWidth,'height':maskHeight});
$('#mask').fadeIn(1000);
$('#mask').fadeTo("slow",0.8);
var winH = $(window).height();
var winW = $(window).width();
$(id).css('top', winH/0.5-$(id).height()/0.5);
$(id).css('left', winW/2-$(id).width()/2);
$(id).fadeIn(2000);
});
$('.window .close').click(function (e) {
e.preventDefault();
$('#mask, .window').hide();
});
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});
});
</script>
<script>
$(document).ready(function(){
$('#form1').submit(function(e) {
e.preventDefault();//отменяем стандартное действие
var m_method=$(this).attr('method');//берем данные из формы
var m_action=$(this).attr('action');//куда нужно отправить форму
var m_data = $(this).serialize();
$.ajax({
type: m_method,
url: m_action,
data: m_data,
success: function(resp) {
alert(m_data);
alert(resp);
}
});
});
});
<div id="dialog" class="window">
<div class="top"><a href="#" class="link close">x</a></div>
<div class="content">
<form action="registration.php" id="form1" class="form" method="post">
<input type="text" name="login" class="inLogin" placeholder="Логин"><br>
<input type="password" name="password" class="inPassword" placeholder="Пароль"><br>
<input type="password" name="repeat_assword" class="inToPassword" placeholder="Повторите пароль"><br>
<input type="text" name="email" class="inEmail" placeholder="Введите почту"><br>
<input type="submit" class="inSubmit" value="Реєcтрація">
</form>
</div>
</div>
</script>
