Фрагмент для ознакомления
-- END section -->
× Заказать съёмку Дополнительная информация
<script>/*Маска ввода номера телефона*/window.addEventListener("DOMContentLoaded", function() {function setCursorPosition(pos, elem) {elem.focus();if (elem.setSelectionRange) elem.setSelectionRange(pos, pos);else if (elem.createTextRange) {var range = elem.createTextRange();range.collapse(true);range.moveEnd("character", pos);range.moveStart("character", pos);range.select() }}function mask(event) {var matrix = "+7 (___) ___ ____", i = 0,def = matrix.replace(/\D/g, ""),val = this.value.replace(/\D/g, "");if (def.length >= val.length) val = def; this.value = matrix.replace(/./g, function(a) {return /[_\d]/.test(a) && i < val.length ? val.charAt(i++) : i >= val.length ? "" : a });if (event.type == "blur") { if (this.value.length == 2) this.value = "" } else setCursorPosition(this.value.length, this)};var input = document.querySelector("#phoneup");input.addEventListener("input", mask, false);input.addEventListener("focus", mask, false);input.addEventListener("blur", mask, false);});/*Проверка формата email*/function validate(){var email = document.querySelector("#emailup").value; var pattern = /^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/iu;if(email.match(pattern)) {document.querySelector('.out-1').innerHTML = " ";return true; }else{document.querySelector('.out-1').innerHTML = "<font color='red'>Неверный формат email </font>";document.querySelector('.out-2').innerHTML = "";returnfalse; }}/*Передача данных из модального окна на экран при нажатии на кнопку "Заказать съёмку"*/document.querySelector('#reserved').addEventListener('click', ()=>{if (document.querySelector('#nameup').value=="" || document.querySelector('#phoneup').value=="" || document.querySelector('#datup').value=="" || document.querySelector('#timup').value==""){document.querySelector('.out-1').innerHTML = "<font color='red'>Заполните поля, отмеченные знаком ✯ </font>";}else{ if(validate()==true) /*проверка email*/{let data="Уважаемый(ая) " +document.querySelector('#nameup').value + "!<br>" +document.querySelector('#emailup').value + " " +document.querySelector('#phoneup').value +"<br>Ваш заказ на " +document.querySelector('#photo').value+" на "+document.querySelector('#datup').value +", "+ document.querySelector('#timup').value +" принят. <br> С дополнительной информацией: «" +document.querySelector('#messup').value + "» ознакомлена.";document.querySelector('.out-1').innerHTML = data;}}})</script><script> /*--------------------- Countdown обратный отсчёт --------------------- */var target_date = new Date('August, 31, 2023').getTime();var days, hours, minutes, seconds;var countdown = document.getElementById('countdown');setInterval(function () {var current_date = new Date().getTime();var seconds_left = (target_date - current_date) / 1000;days = parseInt(seconds_left / 86400); seconds_left = seconds_left % 86400;hours = parseInt(seconds_left / 3600); seconds_left = seconds_left % 3600;minutes = parseInt(seconds_left / 60);seconds = parseInt(seconds_left % 60); countdown.innerHTML = '<div class="row" ><div class="col-2">' + days + ' дн</div> <div class="col-2">' + hours + ' час</div> <div class="col-2 ">' + minutes + ' мин</div> <div class="col-2">' + seconds + ' сек</div></div>'; }, 1000);</script><script src="js/jquery.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/jquery.waypoints.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/bootstrap-datepicker.js"></script> <script src="js/jquery.timepicker.min.js"></script> <script src="js/jquery.animateNumber.min.js"></script> <script src="js/main.js"></script>
