Здравствуйте. Обычная html страница с формой и скриптом:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<form class="send_form_4" method="post">
<input name="name" type="text" placeholder="Имя и фамилия" required="true" minlength="3" />
<input class="" type="tel" name="phone" placeholder="Номер телефона" required="true" minlength="3" />
<button type="submit">Зарегистрироваться</button>
</form>
<script>
$(function() {
$(".send_form_4").on('submit', function(event) {
var form_data = $(this).serialize();
$.ajax({
type: "POST",
url: "/integration.php",
data: form_data,
success: function() {
alert("Ваше сообщение отпрвлено!");
}
});
return false;
event.preventDefault();
//winow.open("thank-you.php");
});
});
</script>
Но при подключении roistat перед
</body>
- return false и event.preventDefault() - просто напросто перестают работать, формы все равно отправляются и страница перезагружается! Кто сталкивался?
Код роистат
<script>
(function(w, d, s, h, id) {
w.roistatProjectId = id;
w.roistatHost = h;
var p = d.location.protocol == "https:" ? "https://" : "http://";
var u = /^.*roistat_visit=[^;]+(.*)?$/.test(d.cookie) ? "/dist/module.js" : "/api/site/1.0/" + id + "/init";
var js = d.createElement(s);
js.charset = "UTF-8";
js.async = 1;
js.src = p + h + u;
var js2 = d.getElementsByTagName(s)[0];
js2.parentNode.insertBefore(js, js2);
})(window, document, 'script', 'cloud.roistat.com', '03a5da72bee4270f350ce6df09d90dc6');
</script>