Сообщение от Nexus
|
<form>
<input type="submit" id="submit" disabled/>
<label>
<input type="checkbox" onchange="document.querySelector('#submit').disabled=!this.checked;"/>description
</label>
</form>
|
Уважаемый Nexus!
Спасибо! Но я видимо совсем не знаю джавускрипт, подскажите пожалуйста, в какое место кода вставить Вашу форму, чтобы заработало, код :
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function (d, w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter50208028 = new Ya.Metrika2({
id:50208028,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
} catch(e) { }
});
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () { n.parentNode.insertBefore(s, n); };
s.type = "text/javascript";
s.async = true;
s.src = "https://mc.yandex.ru/metrika/tag.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else { f(); }
})(document, window, "yandex_metrika_callbacks2");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/50208028" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<meta charset="utf-8">
<link rel="stylesheet" href="css/styles/styleob.css">
<title>ФОРМА ОБРАТНОЙ СВЯЗИ</title>
<link rel="shortcut icon" href="favicon.png" type="image/png">
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.maskedinput.js"></script>
<script type="text/javascript">
jQuery(function($){
$("#phone").mask("+7 (999) 999-9999");
$("#phone2").mask("+7 (999) 999-9999");
});
</script>
</head>
<body>
<!-- begin content -->
<div class="content clearfix">
<!-- begin post -->
<div class="post">
<h1><center>Онлайн заявка</center></h1>
<div id="inline">
<form id="contact" name="contact" action="#" method="post">
<input type="name" id="name" name="name" class="txt" placeholder="Ваше имя">
<input type="phone" id="phone" name="phone" class="txt" placeholder="Ваш телефон">
<input type="email" id="email" name="email" class="txt" placeholder="Ваш e-mail">
<textarea id="msg" name="msg" class="txtarea" placeholder=""></textarea>
<button id="send">Отправить</button>
</form>
</div>
<div style="margin:30px 0;">
<font color="red">Отправляя это сообщение, отправитель дает согласие на обработку представленных в нем своих персональных данных.
</font><br><br>
По материалам сайта <a href="http://seoblognik.ru">Seoblognik.ru</a>
</div>
</div>
<!-- end post -->
<!-- end content -->
<script type="text/javascript">
function validateEmail(email) {
var reg = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return reg.test(email);
}
$(document).ready(function() {
$("#contact").submit(function() { return false; });
$("#send").on("click", function(){
var emailval = $("#email").val();
var namevl = $("#name").val();
var phonevl = $("#phone").val();
var msgval = $("#msg").val();
var msglen = msgval.length;
var mailvalid = validateEmail(emailval);
if(mailvalid == false) {
$("#email").addClass("error");
}
else if(mailvalid == true){
$("#email").removeClass("error");
}
if(mailvalid == false) {
$("#name").addClass("error");
}
else if(mailvalid == true){
$("#name").removeClass("error");
}
if(mailvalid == false) {
$("#phone").addClass("error");
}
else if(mailvalid == true){
$("#phone").removeClass("error");
}
if(msglen < 4) {
$("#msg").addClass("error");
}
else if(msglen >= 4){
$("#msg").removeClass("error");
}
if(mailvalid == true && msglen >= 4) {
// если обе проверки пройдены‹
// сначала мы скрываем кнопку отправки
$("#send").replaceWith("<em>отправка...</em>");
$.ajax({
type: 'POST',
url: 'sendmessage.php',
data: $("#contact").serialize(),
success: function(data) {
if(data == "true") {
$("#contact").fadeOut("fast", function(){
$(this).before("<p><strong>Успешно! Ваше сообщение отправлено
</strong></p>");
setTimeout("$.fancybox.close()", 1000);
});
}
}
});
}
});
});
</script>
</body>
</html>
