JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<button name="customLayout" class="design buttonLayerForm" data-toggle="modal" data-target="#MyMaket">Заказать <span id="OrderButton1">свой макет</span></button>
<!-- Модальное окно -->
<div class="modal fade" id="MyMaket" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modalWindow">
<div class="modal-content">
<div class="modal-body callCustomModal" id="callMaketModal">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div class="textModal">
<p class="lead textModalParag">Оставьте свой номер телефона и наш специалист с Вами свяжется</p>
<div id="phone7" style="font-size: 14px;"></div>
<form id="forma3">
<div></div><input type="phone" id="callMaket" class="callCustomInput" placeholder="7(9__) ___-__-__">
<button type="submit" id="buttonModal3" class="buttonModal">Отправить</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Конец модального окна -->
<button class="call" name="call" data-toggle="modal" data-target="#callCustom">ЗАКАЗАТЬ ЗВОНОК!</button>
<!-- Модальное окно -->
<div class="modal fade" id="callCustom" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modalWindow">
<div class="modal-content cintentModal">
<div class="modal-body callCustomModal" id="callCustomModal">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div class="textModal">
<p class="lead textModalParag">Оставьте, пожалуйста, свой номер телефона, чтобы мы...
JavaScript
$('#MyMaket').on('hidden.bs.modal', function (e) {
$('input[type="phone"]').val('');
});