Здравствуйте, вот код js формы:
$(document).ready(function () {
$("form").submit(function () {
var formID = $(this).attr('id');
var formNm = $('#' + formID);
$.ajax({
type: "POST",
url: 'modalform/mail.php',
data: formNm.serialize(),
success: function (data) {
$('.msgs').html(data);
$('.formTitle').css("display","none");
$(formNm).css("display","none");
setTimeout(function(){
$(formNm).css("display","block");
$('.formTitle').css("display","block");
$('.msgs').html('');
$('input').not(':input[type=submit], :input[type=hidden]').val('');
}, 3000);
},
error: function (jqXHR, text, error) {
$('.msgs').html(error);
$('.formTitle').css("display","none");
$(formNm).css("display","none");
setTimeout(function(){
$(formNm).css("display","block");
$('.formTitle').css("display","block");
$('.msgs').html('');
$('input').not(':input[type=submit], :input[type=hidden]').val('');
}, 3000);
}
});
return false;
});
var $input = $('.form-fieldset > input');
$input.blur(function (e) {
$(this).toggleClass('filled', !!$(this).val());
});
});
Вот сама форма:
<div class="remodal" data-remodal-id="firstModal" data-remodal-options="hashTracking: false,closeOnConfirm: false">
<button data-remodal-action="close" class="remodal-close"></button>
<div class="formArea">
<p class="formTitle">Запись через сайт является предварительной. Наш сотрудник свяжется с Вами для подтверждения записи к специалисту.<br/>Поля помеченные <span style="color:red;">*</span> обязательны для заполнения.</p>
<p class="msgs"></p>
<form id="firstForm" class="form" autocomplete="off">
<fieldset class="form-fieldset ui-input __first">
<label for="username">
<span data-text="Введите ваше Ф.И.О.:">Введите ваше Ф.И.О.<span style="color:red;">*</span>:</span>
</label>
<input name="uname" type="text" id="username" required="required" placeholder="Введите ваше Ф.И.О." tabindex="0" />
</fieldset>
<fieldset class="form-fieldset ui-input __first">
<label for="userphone">
<span data-text="Введите ваш телефон*:">Введите ваш телефон<span style="color:red;">*</span>:</span>
</label>
<input name="uphone" type="tel" class="plugin__input plugin__input_jmp" required="required" placeholder="+7" maxlength="16" id="userphone" tabindex="0" />
</fieldset>
<fieldset class="form-fieldset ui-input __first">
<label for="staff">
<span data-text="Специалист:">Специалист:</span>
</label>
<input name="ustaff" type="text" class="staff" id="userstaff" tabindex="0" value="" readonly="readonly"/>
</fieldset>
<fieldset class="form-fieldset ui-input __first">
<label for="email">
<span data-text="Комментарии:">Комментарии:</span>
</label>
<textarea name="uemail" id="email" tabindex="0" placeholder="Комментарии">
</textarea>
</fieldset>
<input name="formInfo" class="formInfo" type="hidden" value="Новая запись к врачу"/>
<!-- DIV - в котором выводится блок с recaptcha -->
<div class="g-recaptcha" data-sitekey="6Lem2bgUAAAAAOX74cFg_9nCwhQIGmaVe3kySNPY" data-theme="light"></div>
<div class="form-footer">
<input type="submit" class="formBtn" value="Отправить заявку" />
<label class="custom-control-label" for="customCheck">Нажимая кнопку, я принимаю условия <a href="/page/politika_konfidencialnosti.html">Пользовательского соглашения</a> и даю своё согласие на обработку моих персональных данных, в соответствии с Федеральным законом от 27.07.2006 года 152-ФЗ «О персональных данных».</label>
</div>
</form>
</div>
</div>
а вот поиск:
<div class="form-group">
<form id="search_form" action="/search/" role="search" method="post" class="footer-search-form">
<input class="form-search-footer form-control input-lg" name="words" maxlength="50" placeholder="{Поиск}..." required="" type="search" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="bottom" data-html="true" data-content="">
<button class="footer-search-button" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
</div>
При попытке запустить поиск по сайту, поле поиска пропадает на 3 секунды и ничего не происходит, при этом форма работает корректно, Помогите пожалуйста разобраться.