|
Сообщение от -=Женька=-
|
|
не передается. Но уже все отправляется без ошибок.
|
всё передатся - нажать по любой ссылке - затем нажать Submit
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css"> .modal{
display: none;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
var btn = document.querySelectorAll("a");
var mestor = 0;
for (var i=0;i<btn.length;i++){
btn[i].addEventListener("click", function(event) {
event.preventDefault();
var mesta = this.getAttribute('data');
switch (mesta) {
case "1":
mestor = "Шапка сайта";
break;
case "2":
mestor = "Под шапкой сайта. 1";
break;
case "3":
mestor = "Под шапкой сайта. 2";
break;
default:
mestor = "Не знаю";
}
$(".modal").show()
})
}
$("#contactForm").on("submit", function (event) {
event.preventDefault();
alert(mestor);
$(".modal").hide();
});
});
</script>
</head>
<body>
<a href="#" class="btn-background" data-toggle="modal" data-target=".modal" data="1">Кнопка ведет на форму</a>
<a href="#" class="btn-background" data-toggle="modal" data-target=".modal" data="2">Кнопка ведет на форму</a>
<a href="#" class="btn-background" data-toggle="modal" data-target=".modal" data="3">Кнопка ведет на форму</a>
<div class="modal">
<!-- Form starts -->
<form id="contactForm" action="" method="POST" >
<fieldset>
<legend>Contact Form</legend>
<table width="100%" border="0">
<tr>
<td width="120"><label for="name">Name</label></td>
<td><input name="name" id="name" size="30" /></td>
</tr>
<tr>
<td width="120"><label for="email">E-mail</label></td>
<td><input name="email" id="email" size="30" /></td>
</tr>
<tr>
<td width="120" valign="top"><label for="comments">Comments</label></td>
<td><textarea name="comments" id="comments" rows="5" cols="40"></textarea></td>
</tr>
<tr>
<td>
</td>
<td>
<input type="submit" name="Submit" value="Submit" />
</td>
</tr>
</table>
</fieldset>
</form>
<!-- Form ends -->
</div>
</body>
</html>