Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.11.2015, 19:28
Новичок на форуме
Отправить личное сообщение для r06otyaga Посмотреть профиль Найти все сообщения от r06otyaga
 
Регистрация: 15.11.2015
Сообщений: 1

Отправка данных AJAX из модального окна
В общем делаю отправку данных 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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ajax отправка данных Serhiy AJAX и COMET 0 29.01.2014 18:03
Выбор данных из модального окна Зосимов Общие вопросы Javascript 14 31.07.2013 13:20
отправка данных в инпут через AJAX 2 imediasun1 Элементы интерфейса 1 30.01.2013 17:13
отправка данных в инпут через AJAX imediasun1 Элементы интерфейса 2 30.01.2013 17:06
Вставка данных в textarea из модального окна (для Markitup) Roman Koff jQuery 0 26.08.2010 23:21