<!DOCTYPE html>
<html lang="ru" class="">
<head>
<base href="/">
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="expires" content="0">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
<title>ВАШ-ИСК.рф - портал составления исковых заявлений</title>
<meta name="description" content="Единый портал составления исковых заявлений (ЕПСИЗ), создан для помощи гражданам при подаче заявлений в судебные инстанции.">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css">
<link rel="stylesheet" href="/assets/app/css/app.css?1714778384">
<link rel="stylesheet" href="/assets/app/css/inclise.css?1714778384">
<link rel="icon" href="/assets/app/img/favicon.ico" type="image/x-icon">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5L3V2H8');</script>
<!-- End Google Tag Manager -->
<script>
function canUseWebP(){var e=document.createElement("canvas");return!(!e.getContext||!e.getContext("2d"))&&0==e.toDataURL("image/webp").indexOf("data:image/webp")}var root=document.getElementsByTagName("html")[0];canUseWebP()?root.classList.add("ws"):root.classList.add("wn");
</script>
<link rel="stylesheet" href="/assets/components/likedislike/css/styles.css" type="text/css" />
</head>
<body class="">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5L3V2H8"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="loading-result-quiz">
<div class="flex">
<object type="image/svg+xml" data="/assets/gifs/1-2_.svg" width="30" height="30"></object>
</div>
</div>
<div class="main-wrap">
<header class="header header_blue">
<div class="header__wrap wrap">
<div class="header__row flex flex_vertical flex_justify">
<div class="header__logo"><img class="header__logo-img" src="/assets/app/img/logo.svg" alt="" role="presentation" /><span class="header__logo-info"><span class="header__logo-title"><strong>ВАШ-ИСК</strong>.РФ</span><span class="header__logo-desc small">Портал составления исковых заявлений</span></span></div>
<div class="header__right flex flex_vertical flex_right">
<div class="header__location">
<div class="header__location-icon">
<svg class="icon icon-location" viewBox="0 0 13 16">
<use xlink:href="/assets/app/icons/sprite.svg#location"></use>
</svg>
</div>
<div data-popup="location" class="header__location-adress small">Москва</div>
</div>
</div>
</div>
</div>
</header>
<div class="preview-section css-light-bg">
<div class="preview-section__wrap wrap">
<div class="preview-section__gerb gerb js-gerb-animate is-animate js-paralax" data-paralax-step="8">
<img class="gerb__img" src="/assets/app/img/gerb.svg" alt="" role="presentation" />
</div>
<div class="preview-section__service service-preview service-preview_main">
<h1 class="service-preview__title h1 css-color-black">Составление искового <br>заявления для подачи в суд</h1>
<div class="service-preview__list flex">
<div class="service-preview__list-column js-animateme is-animate is-animate_up" data-animate-class="show" ><a class="service-preview__list-item" href="rastorzhenie-braka/"><span class="service-preview__list-title h3">Расторжение брака</span></a></div>
<div class="service-preview__list-column js-animateme is-animate is-animate_up" data-animate-class="show" data-animate-delay="300" ><div class="service-preview__list-item" href=""><span class="service-preview__list-title h3">Взыскание алиментов на ребенка</span><span class="service-preview__list-desc small css-color-gray">В разработке</span></div></div>
<div class="service-preview__list-column js-animateme is-animate is-animate_up" data-animate-class="show" data-animate-delay="600" ><div class="service-preview__list-item" href=""><span class="service-preview__list-title h3">Защита прав потребителей</span><span class="service-preview__list-desc small css-color-gray">В разработке</span></div></div>
</div>
</div>
</div>
</div>
<div class="work">
<div class="work__wrap wrap">
<div class="work__head flex flex_vertical flex_justify">
<h2 class="work__title h2">Работа портала</h2>
<div class="work__nav js-work-nav owl-nav"></div>
</div>
<div class="work__list flex flex_justify js-wrapSlider" data-settings="{ "smartSpeed": 500, "nav": true, "loop": false, "autoWidth":true, "margin": 10, "navContainer": ".js-work-nav" }"
data-resolution="1024">
<div class="work__item">
<div class="work__circle css-medium-bg">
<img class="work__icon" src="assets/app/img/work__img1.svg" alt="Выбираете услугу" role="presentation" />
<div class="work__number">1</div>
</div>
<div class="work__text p">Выбираете услугу</div>
</div> <div class="work__item">
<div class="work__circle css-medium-bg">
<img class="work__icon" src="assets/app/img/work__img2.svg" alt="Заполняете онлайн бланк с вопросами" role="presentation" />
<div class="work__number">2</div>
</div>
<div class="work__text p">Заполняете онлайн бланк с вопросами</div>
</div> <div class="work__item">
<div class="work__circle css-medium-bg">
<img class="work__icon" src="assets/app/img/work__img3.svg" alt="Получаете готовое исковое заявление в суд" role="presentation" />
<div class="work__number">3</div>
</div>
<div class="work__text p">Получаете готовое исковое заявление в суд</div>
</div> <div class="work__item">
<div class="work__circle css-medium-bg">
<img class="work__icon" src="assets/app/img/work__img4.svg" alt="Отправляете документы почтой, либо лично приносите в суд" role="presentation" />
<div class="work__number">4</div>
</div>
<div class="work__text p">Отправляете документы почтой, либо лично приносите в суд</div>
</div> <div class="work__item">
<div class="work__circle css-medium-bg">
<img class="work__icon" src="assets/app/img/work__img5.svg" alt="Получаете решение суда" role="presentation" />
<div class="work__number">5</div>
</div>
<div class="work__text p">Получаете решение суда</div>
</div>
</div>
</div>
</div>
<div class="service-info css-light-bg">
<div class="service-info__wrap wrap">
<div class="service-info__box flex">
<div class="service-info__column service-info__column_content content css-medium-bg">
<div class="service-info__top">
<h2>Портал составления исковых заявлений</h2>
<p><a href="#" data-popup="location">Москва, </a>
</p>
</div>
<div class="service-info__center">
<p>ВАШ-ИСК.РФ — единый портал составления исковых заявлений (ЕПСИЗ), создан для помощи гражданам при подаче заявлений в судебные инстанции.</p>
<p>На основе заполненного Вами онлайн бланка вопросов составляется персонализированное заявление для подачи в суд, с учетом всех изложенных фактов.</p>
<p>Сервисом будет определена подсудность, будут даны ссылки на актуальное законодательство, будет сформирован готовый пакет документов. Документы в суд можно будет отправить почтой, на заседание можно не ходить, вы получите решение суда дистанционно.</p>
</div>
</div>
<div class="service-info__column service-info__column_result content">
<div class="service-info__top">
<h2 class="css-color-blue css-color-blue-load"><span data-count-orders="total">326 754</span>
<span class="load">
<object type="image/svg+xml" data="assets/gifs/Load1.svg" width="50" height="50" >
</object></span></h2>
<p>исковых заявлений</p>
</div>
<div class="service-info__center">
<p>уже составлено с помощью
<br>интернет-портала ВАШ-ИСК.РФ.</p>
</div>
<div class="service-info__bottom verysmall css-color-gray">по данным на <span data-count-orders="date">04.05.2024, 0202:1919</span></div>
</div>
</div>
</div>
</div>
<div class="modals modals_location mfp-hide" id="location" data-show="1">
<div class="modals__location location">
<h2 class="location__title h2">Ваше местоположение</h2>
<div class="location__desc p">От выбора местоположения зависит набор услуг, доступный для получения на портале.</div>
<div class="location__box">
<h3 class="location__box-title h3">Выберите страну:</h3>
<label class="location__radio radio">
<input class="radio__input js-state" type="radio" checked name="state" /><span class="radio__icon"></span><span class="radio__text">Российская Федерация</span>
</label>
</div>
<div class="location__box">
<h3 class="location__box-title h3">Выбрать регион:</h3>
<div class="location__row flex">
<label class="location__radio radio">
<input class="radio__input js-state js-auto" type="radio" name="city" value="auto" /><span class="radio__icon"></span><span class="radio__text">Определить автоматически</span>
</label>
<label class="location__radio radio">
<input class="radio__input js-state js-city" type="radio" name="city" value="manually" /><span class="radio__icon"></span><span class="radio__text">Выбрать вручную</span>
</label>
</div>
</div>
<div class="location__field field">
<input class="field__input" name="city-name" type="text" placeholder="Название населенного пункта" />
<div class="field__icon-location">
<svg class="icon icon-location" viewBox="0 0 13 16">
<use xlink:href="assets/app/icons/sprite.svg#location"></use>
</svg>
</div>
</div>
<p class="error-popup">Не выбран город/населенный пункт</p>
<a class="location__btn btn btn_blue btn_middle is-disabled" id="define-location" href=""><span class="btn__text">Сохранить</span></a>
</div>
</div>
<div class="modals modals_location mfp-hide" id="location-select-service">
<div class="modals__location location">
<div class="location__box" style="margin-top: 0;">
<h3 class="location__box-title h3">В среднем по:</h3>
<div id="each-list-adv">
</div>
</div>
</div>
</div>
<div class="modals modals_location mfp-hide" id="location-get-service">
<div class="modals__location location">
<div class="location__box" style="margin-top: 0;">
<h3 class="location__box-title h3">Получить услугу для:</h3>
<div id="list-get-service">
</div>
</div>
</div>
</div>
<div class="modals modals_form mfp-hide" id="form1">
<div class="login-form">
<div class="login-form__title">Для адвокатов</div>
<div class="login-form__fields">
<div class="login-form__field field">
<input class="field__input" name="login" type="text" placeholder="Введите email" />
<div class="field__icon-user">
<svg class="icon icon-user" viewBox="0 0 16 20">
<use xlink:href="/assets/app/icons/sprite.svg#user"></use>
</svg>
</div>
</div>
<div class="login-form__field field">
<input class="field__input" name="login" type="password" placeholder="Введите пароль" />
<div class="field__icon-lock">
<svg class="icon icon-lock" viewBox="0 0 18 21">
<use xlink:href="/assets/app/icons/sprite.svg#lock"></use>
</svg>
</div>
</div>
</div>
<div class="login-form__bottom flex flex_right">
<button class="login-form__btn login-form__btn_back btn btn_blue btn_middle" type="submit">
<div class="btn__text">Войти</div>
<div class="btn__icon">
<svg class="icon icon-arrowRight" viewBox="0 0 16 29">
<use xlink:href="/assets/app/icons/sprite.svg#arrowRight"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
<div class="modals modals_form mfp-hide" id="form2">
<div class="login-form">
<div class="login-form__title">Для адвокатов</div>
<div class="login-form__fields">
<div class="login-form__field field is-error">
<input class="field__input" name="login" type="text" placeholder="Введите email" value="service.google@gmail.com" />
<div class="field__icon-user">
<svg class="icon icon-user" viewBox="0 0 16 20">
<use xlink:href="/assets/app/icons/sprite.svg#user"></use>
</svg>
</div>
</div>
<div class="login-form__field field is-error">
<input class="field__input" name="login" type="password" placeholder="Введите email" value="sdcvds" />
<div class="field__icon-lock">
<svg class="icon icon-lock" viewBox="0 0 18 21">
<use xlink:href="/assets/app/icons/sprite.svg#lock"></use>
</svg>
</div>
</div>
</div>
<div class="login-form__error css-color-red">Неверный логин или пароль</div>
<div class="login-form__bottom flex flex_right">
<button class="login-form__btn login-form__btn_back btn btn_blue btn_middle is-disabled" type="submit">
<div class="btn__text">Войти</div>
<div class="btn__icon">
<svg class="icon icon-arrowRight" viewBox="0 0 16 29">
<use xlink:href="/assets/app/icons/sprite.svg#arrowRight"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
<div class="modals modals_form mfp-hide" id="form3">
<div class="login-form">
<div class="login-form__title">Для судей</div>
<div class="login-form__fields">
<div class="login-form__field field">
<input class="field__input" name="login" type="text" placeholder="Введите email" />
<div class="field__icon-user">
<svg class="icon icon-user" viewBox="0 0 16 20">
<use xlink:href="/assets/app/icons/sprite.svg#user"></use>
</svg>
</div>
</div>
<div class="login-form__field field">
<input class="field__input" name="login" type="password" placeholder="Введите пароль" />
<div class="field__icon-lock">
<svg class="icon icon-lock" viewBox="0 0 18 21">
<use xlink:href="/assets/app/icons/sprite.svg#lock"></use>
</svg>
</div>
</div>
</div>
<div class="login-form__bottom flex flex_right">
<button class="login-form__btn login-form__btn_back btn btn_blue btn_middle" type="submit">
<div class="btn__text">Войти</div>
<div class="btn__icon">
<svg class="icon icon-arrowRight" viewBox="0 0 16 29">
<use xlink:href="/assets/app/icons/sprite.svg#arrowRight"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
<div class="modals modals_form mfp-hide" id="success-send">
<p class="p-success-send">
Ваше обращение успешно отправлено.
</p>
</div>
<footer class="footer">
<div class="footer__wrap wrap">
<div class="footer__center">
<div class="footer__row flex">
<div class="footer__column">
<h4 class="footer__title h4">Помощь и поддержка</h4>
<ul class="footer__nav">
<li class="footer__nav-item"><a href="razdel-podderzhki">Раздел поддержки</a></li><li class="footer__nav-item"><a href="contacts">Контакты</a></li><li class="footer__nav-item"><a href="dlya-smi">Информация для СМИ</a></li>
</ul>
</div><div class="footer__column">
<h4 class="footer__title h4">Портал</h4>
<ul class="footer__nav">
<li class="footer__nav-item"><a href="pravovaya-informacziya">Лицензионное соглашение</a></li><li class="footer__nav-item"><a href="pravovaya-informacziya">Политика конфиденциальности</a></li>
</ul>
</div><div class="footer__column">
<h4 class="footer__title h4">Полезные ресурсы</h4>
<ul class="footer__nav">
<li class="footer__nav-item"><a target="_blank" href="redirec?back=https://xn----7sbf0ak5b7b.xn--p1ai/&next=https://www.gosuslugi.ru/&idnext=1">Государственные услуги</a></li><li class="footer__nav-item"><a target="_blank" href="redirec?back=https://xn----7sbf0ak5b7b.xn--p1ai/&next=http://pravo.gov.ru/&idnext=2">Государственная система правовой информации</a></li><li class="footer__nav-item"><a target="_blank" href="redirec?back=https://xn----7sbf0ak5b7b.xn--p1ai/&next=https://www.roi.ru/&idnext=3">Российская общественная инициатива</a></li>
</ul>
</div>
</div>
</div>
<div class="footer__bottom">
<div class="footer__bottom-info flex flex_vertical flex_center css-color-gray">
<div class="footer__bottom-logo">
<img src="/assets/app/img/logo_gray.svg">
</div>
<div class="footer__bottom-text">Интернет-портал составления исковых заявлений, <br>2020 г.</div>
</div>
<div class="footer__copyright css-color-gray">Версия 18.223 | Copyright © 2020</div>
</div>
</div>
</footer>
<div class="c-infoline">
<div class="c-infoline__wrap wrap">
<div class="c-infoline__row flex flex_vertical">
<div class="c-infoline__list flex">
<div class="c-infoline__item">
<div class="c-infoline__item-circle css-medium-bg">
<img class="c-infoline__item-icon" src="/assets/app/img/infoline__img1.svg" alt="alt">
</div>
<div class="c-infoline__item-content">
<p><strong>Дистанционная</strong><br>подача в суд</p>
</div>
</div>
<div class="c-infoline__item">
<div class="c-infoline__item-circle css-medium-bg">
<img class="c-infoline__item-icon" src="/assets/app/img/infoline__img2.svg" alt="alt">
</div>
<div class="c-infoline__item-content">
<p><strong>Удобно</strong> — заполните <br>заявление с телефона или ПК</p>
</div>
</div>
<div class="c-infoline__item">
<div class="c-infoline__item-circle css-medium-bg">
<img class="c-infoline__item-icon" src="/assets/app/img/infoline__img3.svg" alt="alt">
</div>
<div class="c-infoline__item-content">
<p><strong>Готовые документы</strong><br>в день обращения</p>
</div>
</div>
</div>
<div class="c-infoline__action">
<a class="c-infoline__btn btn btn_middle btn_blue js-scroll-to" href="rastorzhenie-braka/#form">
<div class="btn__text">Подать на развод</div>
</a>
</div>
</div>
</div>
</div>
</div>
<script src="/assets/app/js/jquery.js"></script>
<script src="/assets/src/js/inputmask.min.js"></script>
<script src="/assets/src/js/jquery.magnific-popup.min.js"></script>
<script src="/assets/src/js/owl.carousel.min.js"></script>
<script src="/assets/src/js/default.js?1714778384"></script>
<link rel="stylesheet" href="https://unpkg.com/tippy.js@6/themes/light.css">
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/tippy.js@6"></script>
<link href="https://cdn.jsdelivr.net/npm/suggestions-jquery@20.3.0/dist/css/suggestions.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/suggestions-jquery@20.3.0/dist/js/jquery.suggestions.min.js"></script>
<script>
window.addEventListener('load', () => {
var sticky = document.querySelector('.js-sticky');
if (sticky) {
stickyHandler();
window.addEventListener('scroll', stickyHandler);
window.addEventListener('resize', stickyHandler);
}
function stickyHandler() {
var rect = sticky.parentElement.getBoundingClientRect();
sticky.classList.toggle('is-sticky', (rect.top - window.innerHeight) > 0);
}
var tooltip = tippy('[data-tippy-content]', {
allowHTML: true,
arrow: false,
placement: 'right',
trigger: 'click',
theme: 'light',
maxWidth: 500,
zIndex: 20,
popperOptions: {
modifiers: [{
name: 'flip',
options: { fallbackPlacements: ['top'] }
}, {
name: 'preventOverflow',
options: { altAxis: true, tether: false }
}]
}
});
});
</script>
<script>
$(function(){
const today = new Date();
function formatDate(date, format) {
const map = {
mm: date.getMonth() + 1,
dd: date.getDate(),
yyyy: date.getFullYear(),
hh: date.getHours(),
mi: (date.getMinutes() < 10)? '0'+ date.getMinutes():'' + date.getMinutes()
}
return format.replace(/mm|dd|yyyy|hh|mi/gi, matched => map[matched])
}
$('#date-get-count-order').text(formatDate(today, 'dd.mm.yyyy, hh:mi'));
function removeNonCity(suggestions) {
return suggestions.filter(function(suggestion) {
return suggestion.data.fias_level !== "5" && suggestion.data.fias_level !== "65";
});
}
function join(arr /*, separator */) {
var separator = arguments.length > 1 ? arguments[1] : ", ";
return arr.filter(function(n){return n}).join(separator);
}
function cityToString(address) {
return join([
join([address.city_type, address.city], " "),
join([address.settlement_type, address.settlement], " ")
]);
}
if($('#location [name="city-name"]').length) {
$('#location [name="city-name"]').suggestions({
token: '3d3964dcb3db4df5cdecd659ff975519aff1690f',
type: "ADDRESS",
hint: false,
geoLocation: false,
bounds: "city-settlement",
onSuggestionsFetch: removeNonCity
});
}
function randomInteger(min, max) {
let rand = min + Math.random() * (max + 1 - min);
return Math.floor(rand);
}
function getAjaxInfo(){
$.ajax({
url: 'assets/snippets/getInfoCountOrders.php',
method: 'GET',
data: 'getorder=1',
beforeSend: function(){
$('.css-color-blue-load').addClass('css-color-blue-load-active');
setTimeout(function(){
$('.css-color-blue-load .load').stop().fadeIn(100);
},100);
},
success: function(res){
if(!res.length) { return false; }
res = JSON.parse(res);
if(res.status) {
$('#count-orders').text(res.data.total);
$('#date-get-count-order').text(formatDate(new Date(), 'dd.mm.yyyy, hh:mi'));
setTimeout(function(){
$('.css-color-blue-load .load').stop().fadeOut(100, function(){
$('.css-color-blue-load').removeClass('css-color-blue-load-active');
});
},1000);
$('[data-count-orders=total]').text(res.data.total);
$('[data-count-orders=week]').text(res.data.week);
$('[data-count-orders=today]').text(res.data.today);
$('[data-count-orders=date]').text(res.date);
}
}
});
}
if($('[data-count-orders]').length) {
getAjaxInfo();
let timerId = setTimeout(function tick() {
let rand = (randomInteger(3,10) * 1000 );
getAjaxInfo();
timerId = setTimeout(tick, rand);
}, (randomInteger(3,10) * 1000 ));
}
if($('.quiz_sugg_name').length) {
$('.quiz_sugg_name').suggestions({
token: "3d3964dcb3db4df5cdecd659ff975519aff1690f",
type: "NAME",
/* Вызывается, когда пользователь выбирает одну из подсказок */
onSelect: function(suggestion) {
$(this).blur();
}
});
}
if($('.quiz_sugg_address').length) {
$('.quiz_sugg_address').suggestions({
token: "3d3964dcb3db4df5cdecd659ff975519aff1690f",
type: "ADDRESS",
/* Вызывается, когда пользователь выбирает одну из подсказок */
onSelect: function(suggestion) {
$(this).blur();
}
});
}
if($('.quiz_sugg_email').length) {
$('.quiz_sugg_email').suggestions({
token: "3d3964dcb3db4df5cdecd659ff975519aff1690f",
type: "EMAIL",
/* Вызывается, когда пользователь выбирает одну из подсказок */
onSelect: function(suggestion) {
$(this).blur();
}
});
}
});
</script>
<!--<script src="/assets/app/js/app.js"></script>-->
<script>
$(function(){
var arrServiceData = [ ];
var arrServiceGetList = [ ];
if(arrServiceData.length) {
let priceAdv = new Intl.NumberFormat('ru-RU').format(arrServiceData[0]['price']);
}
$.each(arrServiceData, function(i){
$('#each-list-adv').append(`
<label class="location__radio radio" style="margin-bottom: 15px;">
<input class="radio__input js-state" type="radio" name="select-price-location" ${ (i == 0)? 'checked' : '' } value="${ i }" /><span class="radio__icon"></span>
<span class="radio__text">${ arrServiceData[i]['city'] }</span>
</label>
`);
});
$('[name="select-price-location"]').change(function(){
$.magnificPopup.close({ items: { src: '#location-select-service' }});
let val = $(this).val();
let priceAdv = new Intl.NumberFormat('ru-RU').format(arrServiceData[val]['price']);
$('#str_price_adv').text(priceAdv);
$('#link_city_serv').text(arrServiceData[val]['city']);
});
$.each(arrServiceGetList, function(i){
$('#list-get-service').append(`
<label class="location__radio radio" style="margin-bottom: 15px;">
<input class="radio__input js-state" type="radio" name="select-get-location-service" ${ (i == 0)? 'checked' : '' } value="${ i }" /><span class="radio__icon"></span>
<span class="radio__text">${ arrServiceGetList[i]['title'] }</span>
</label>
`);
});
$('[name="select-get-location-service"]').change(function(){
$.magnificPopup.close({ items: { src: '#location-get-service' }});
let val = $(this).val();
$('#a-click-get-location').text(arrServiceGetList[val]['title']);
$('#migx-list-steps-get-services').html('');
$.each(arrServiceGetList[val]['list'], function(i){
$('#migx-list-steps-get-services').append(`
<div class="work__item">
<div class="work__circle css-medium-bg">
<img class="work__icon" src="${ arrServiceGetList[val]['list'][i]['image'] }" alt="${ arrServiceGetList[val]['list'][i]['text'] }" role="presentation" />
<div class="work__number">${ i }</div>
</div>
<div class="work__text p">${ arrServiceGetList[val]['list'][i]['text'] }</div>
</div>
`)
});
});
});
</script>
<script>
$(function($){
$('form [name="input-v"]').each(function(){
$(this).attr('value', '');
});
// прис сратывании изменения input - проверяем, все ли required заполнены, и в случае удачи - переводим sybmit в disabled - false
$('#form-support [name="email"], #form-support [name="mess"]').change(function(){
let form = $('#form-support'),
error = 0,
email = $('[name="email"]', form),
mess = $('[name="mess"]', form);
if(mess.val().length < 1) { error = 1; }
if(email.val().length < 1) { error = 1; }
if(!error) {
form.find('[type="submit"]').prop('disabled', false);
} else {
form.find('[type="submit"]').prop('disabled', true);
}
});
var maxSizeFiles = 5242880; // в байтах
var startSizeFiles = 0;
var filesReq = ['txt', 'rtf', 'pdf', 'doc', 'docx', 'odt', 'ppt', 'pptx','odp','xls','xlsx', 'ods', 'jpg', 'png', 'jpeg'];
$('#form-support [type="file"]').change(function(){
$('.list-loads-files-error').hide();
$('.list-loads-files').hide();
$('.list-loads-files ul').html('');
let files = this.files,
error = 0,
textError = '';
if(files.length > 5) { error = 1; } // если больше 5 - ошибка
$.each(files, function(i,v){
startSizeFiles += files[i]['size'];
let nameArr = files[i]['name'].split('.'),
nameEnd = nameArr[nameArr.length-1].toLowerCase();
if(filesReq.indexOf(nameEnd) == -1) {
textError = 'Вы загружаете не разрешенный тип файла(ов).';
error = 1;
}
$('.list-loads-files ul').append('<li>- '+files[i]['name']+' ('+(parseInt(files[i]['size'] / 1024))+' kb) <button data-id="'+(i)+'" class="delete-put-file"><svg class="icon icon-close" viewBox="0 0 612 612" style=""><use xlink:href="assets/app/icons/sprite.svg#close"></use></svg></button></li>');
delFilePut();
});
if(startSizeFiles >= maxSizeFiles ) {
error = 1;
if(textError.length) {
textError += '<br>Размер загружаемых или количество файлов больше разрешенного.';
}
else {
textError = 'Размер загружаемых или количество файлов больше разрешенного.';
}
}
if(error) {
$('.list-loads-files-error').html(textError).show();
} else {
$('.list-loads-files').show();
}
startSizeFiles = 0;
});
function delFilePut(){
$('#list-add-files .delete-put-file').unbind().click(function(e){
e.preventDefault();
let files = $('#form-support [name="file[]"]');
console.log(files[0].files);
//$(this).closest('li').remove();
});
}
});
$(document).on('af_complete', function(event, response) {
var form = response.form;
if (response.success && form.attr('id') == 'form-support') {
$('.field__mask.is-focus').each(function(){
$(this).removeClass('is-focus');
});
$('.list-loads-files').hide();
form.find('button[type="submit"]').prop('disabled', true);
$.magnificPopup.open({ items: { src: '#success-send' }, type: 'inline' });
setTimeout(function(){
$.magnificPopup.close({ items: { src: '#success-send' } });
}, 3000);
}
// Иначе печатаем в консоль весь ответ
else {
}
});
$(document).on('submit', '.ajax_form', function() {
var mailformat = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/ ,
form = $(this);
if(form.is('#form-support')) {
if(form.find('[name="email"]').val().length < 5 && form.find('[name="email"]').val().search(mailformat) < 0) {
afValidated = false;
form.find('[name="email"]').addClass('error');
} else {
afValidated = true;
}
}
});
</script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(69522268, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/69522268" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<script src="//code-ya.jivosite.com/widget/A8KshbqWhb" async></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7DK43K9YY3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-7DK43K9YY3');
</script>
<script type="text/javascript">var url_assets = "/assets/components/likedislike/"; var likedislike_ctx = "web";</script><script src="/assets/components/likedislike/js/web/likedislike.js"></script>
</body>
<div style="display:none">
0.1469 s <br> 5
</div>
<div style="display:none;"></div>
</html>