Интеграция формы заявки на ЭП
Для того чтобы создать на сайте форму заявки на приобретение ЭП, добавьте на страницу, где должна выводиться форма, следующий код:
CSS
Базовые стили для формы, если на Вашем сайте уже используются свои стили для оформления форм, можете не подключать или скопировать файл и адаптировать к стилю своего сайта.
<link rel="stylesheet" href="https://iecp.ru/css/ep-form-api.css" type="text/css" />
JS
Валидатор и основной скрипт формы, порядок подключения соблюдать обязательно.
<script type="text/javascript" src="https://iecp.ru/js/form/jquery.validate.js"></script>
<script type="text/javascript" src="https://iecp.ru/js/form/ep-form-api.js"></script>
HTML
Обратите внимание на цифры, выделенные фиолетовым, их нужно заменить на Ваш partnerId.
<div class="form-wrapper">
<div class="submit-in-progress" style="display: block;">
<div id="fadingBarsG">
<div id="fadingBarsG_1" class="fadingBarsG"></div>
<div id="fadingBarsG_2" class="fadingBarsG"></div>
<div id="fadingBarsG_3" class="fadingBarsG"></div>
<div id="fadingBarsG_4" class="fadingBarsG"></div>
<div id="fadingBarsG_5" class="fadingBarsG"></div>
<div id="fadingBarsG_6" class="fadingBarsG"></div>
<div id="fadingBarsG_7" class="fadingBarsG"></div>
<div id="fadingBarsG_8" class="fadingBarsG"></div>
</div>
</div>
<form action="#" id="ep-get">
<input type="hidden" name="PartnerId" id="partnerId" value="123" />
<fieldset id="ep-get--filter">
<h2>Данные покупателя ЭП</h2>
<div class="field-item private-entrepreneur private-person legal-body">
<label for="org-form">Организационная форма</label>
<select id="org-form">
<option value="legal-body">Юридическое лицо</option>
<option value="private-entrepreneur">Индивидуальный предприниматель</option>
<option value="private-person">Физическое лицо</option>
</select>
</div>
<div class="field-item private-entrepreneur private-person">
<label class="required" for="buyerFIO">ФИО</label>
<input id="buyerFIO" name="buyerFIO" type="text"/>
<div class="error"></div>
</div>
<div class="field-item legal-body">
<label class="required" for="fullName">Полное наименование</label>
<input id="fullName" name="fullName" type="text"/>
</div>
<div class="field-item private-entrepreneur private-person legal-body">
<label class="required" for="buyerINN">ИНН</label>
<input id="buyerINN" name="buyerINN" type="text" class="short" />
</div>
<div class="field-item private-entrepreneur">
<label for="OGRNIP">ОГРНИП</label>
<input maxlength="15" id="OGRNIP" name="OGRNIP" type="text" class="short"/>
</div>
<div class="field-item legal-body">
<label for="KPP">КПП</label>
<input maxlength="9" id="KPP" type="text"/>
</div>
<div class="field-item legal-body">
<label for="OGRN">ОГРН</label>
<input maxlength="13" id="OGRN" type="text"/>
</div>
</fieldset>
<fieldset>
<h2>Фактический адрес</h2>
<div class="field-item">
<label for="region">Регион</label>
<select id="region">
<option value="01">01. Республика Адыгея</option>
<option value="02">02. Республика Башкортостан</option>
<option value="03">03. Республика Бурятия</option>
<option value="04">04. Республика Алтай</option>
<option value="05">05. Республика Дагестан</option>
<option value="06">06. Республика Ингушетия</option>
<option value="07">07. Кабардино-Балкарская республика</option>
<option value="08">08. Республика Калмыкия</option>
<option value="09">09. Карачаево-Черкесская республика</option>
<option value="10">10. Республика Карелия</option>
<option value="11">11. Республика Коми</option>
<option value="12">12. Республика Марий-Эл</option>
<option value="13">13. Республика Мордовия</option>
<option value="14">14. Республика Саха (Якутия)</option>
<option value="15">15. Республика Северная Осетия-Алания</option>
<option value="16">16. Республика Татарстан</option>
<option value="17">17. Республика Тыва</option>
<option value="18">18. Удмуртская республика</option>
<option value="19">19. Республика Хакасия</option>
<option value="20">20. Чеченская республика</option>
<option value="21">21. Чувашская республика</option>
<option value="22">22. Алтайский край</option>
<option value="23">23. Краснодарский край</option>
<option value="24">24. Красноярский край</option>
<option value="25">25. Приморский край</option>
<option value="26">26. Ставропольский край</option>
<option value="27">27. Хабаровский край</option>
<option value="28">28. Амурская область</option>
<option value="29">29. Архангельская область</option>
<option value="30">30. Астраханская область</option>
<option value="31">31. Белгородская область</option>
<option value="32">32. Брянская область</option>
<option value="33">33. Владимирская область</option>
<option value="34">34. Волгоградская область</option>
<option value="35">35. Вологодская область</option>
<option value="36">36. Воронежская область</option>
<option value="37">37. Ивановская область</option>
<option value="38">38. Иркутская область</option>
<option value="39">39. Калининградская область</option>
<option value="40">40. Калужская область</option>
<option value="41">41. Камчатский край</option>
<option value="42">42. Кемеровская область</option>
<option value="43">43. Кировская область</option>
<option value="44">44. Костромская область</option>
<option value="45">45. Курганская область</option>
<option value="46">46. Курская область</option>
<option value="47">47. Ленинградская область</option>
<option value="48">48. Липецкая область</option>
<option value="49">49. Магаданская область</option>
<option value="50">50. Московская область</option>
<option value="51">51. Мурманская область</option>
<option value="52">52. Нижегородская область</option>
<option value="53">53. Новгородская область</option>
<option value="54">54. Новосибирская область</option>
<option value="55">55. Омская область</option>
<option value="56">56. Оренбургская область</option>
<option value="57">57. Орловская область</option>
<option value="58">58. Пензенская область</option>
<option value="59">59. Пермский край</option>
<option value="60">60. Псковская область</option>
<option value="61">61. Ростовская область</option>
<option value="62">62. Рязанская область</option>
<option value="63">63. Самарская область</option>
<option value="64">64. Саратовская область</option>
<option value="65">65. Сахалинская область</option>
<option value="66">66. Свердловская область</option>
<option value="67">67. Смоленская область</option>
<option value="68">68. Тамбовская область</option>
<option value="69">69. Тверская область</option>
<option value="70">70. Томская область</option>
<option value="71">71. Тульская область</option>
<option value="72">72. Тюменская область</option>
<option value="73">73. Ульяновская область</option>
<option value="74">74. Челябинская область</option>
<option value="75">75. Забайкальский край</option>
<option value="76">76. Ярославская область</option>
<option value="77">77. г. Москва</option>
<option value="78">78. г. Санкт-Петербург</option>
<option value="79">79. Еврейская автономная область</option>
<option value="83">83. Ненецкий автономный округ</option>
<option value="86">86. Ханты-Мансийский автономный округ - Югра</option>
<option value="87">87. Чукотский автономный округ</option>
<option value="89">89. Ямало-Ненецкий автономный округ</option>
<option value="91">91. Республика Крым</option>
<option value="92">92. г. Севастополь</option>
<option value="201">201. Украина</option>
<option value="202">202. Казахстан</option>
<option value="203">203. Беларусь</option>
<option value="204">204. Узбекистан</option>
<option value="205">205. Туркменистан</option>
<option value="206">206. Таджикистан</option>
</select>
</div>
<div class="field-item">
<label for="city">Город</label>
<input id="city" type="text"/>
</div>
</fieldset>
<fieldset>
<h2>Контактные данные</h2>
<div class="field-item">
<label class="required" for="contactFIO">Контактное лицо (ФИО)</label>
<input id="contactFIO" name="contactFIO" type="text"/>
</div>
<div class="field-item">
<label class="required" for="contactPhone">Телефон</label>
<input id="contactPhone" name="contactPhone" type="text" />
</div>
<div class="field-item">
<label class="required" for="contactEmail">Электронная почта</label>
<input id="contactEmail" name="Email" type="email"/>
</div>
</fieldset>
<fieldset>
<h2>Дополнительно</h2>
<div class="field-item">
<label for="other">Комментарий</label>
<textarea id="other" cols="30" rows="5" placeholder="Укажите, для чего Вам нужна ЭП. Например, для электронных торгов, доступа к сайту госуслуг, подписания документов, сдачи отчетов в ПФР, ФНС, Росстат и т.д."></textarea>
</div>
<div class="field-item checkbox-field">
<label class="checkbox">
<input type="checkbox" id="userAgree" class="checkboxInput" name="userAgree" value="yes"/> Я принимаю <a href="#user-agreement" id="userAgreement" class="fancybox">Соглашение о предоставлении и использовании персональных данных</a>
</label>
</div>
</fieldset>
<input type="submit" value="Получить электронную подпись" id="ep-get-submit" class="btn btn-red" />
</form>
</div>