Не работает скрипт формы AJAX
Не отрабатывается скрипт отправки формы AJAX На сайте в футере есть форма обратной связи, так вот не происходит ничего после нажатия кнопки "Отправить": Ни проверки полей, никаких ошибок в консоли
"use strict";
$(".md-resp-send").on("click",function(e){
e.preventDefault();
$(".md-resp-msg").hide();
$(".md-resp-msg").html('');
var err=0;
// person name
if ( $("#md-resp-name").val() == '' ){
err++
$("#md-resp-name").addClass("hasError");
} else {
$("#md-resp-name").removeClass("hasError");
}
// phone
if ( $("#md-resp-phone").val() == '' ){
err++
$("#md-resp-phone").addClass("hasError");
} else {
$("#md-resp-phone").removeClass("hasError");
}
// email
if ( $("#md-resp-email").val() != '' ){
var pattern = /\S+@\S+\.\S+/;
if ( !pattern.test( $("#md-resp-email").val() )){
err++
$("#md-resp-email").addClass("hasError");
} else {
$("#md-resp-email").removeClass("hasError");
}
} else {
$("#md-resp-email").removeClass("hasError");
}
var resp_type = '';
if ( $("#resp_item_id").val() == 0 ){
resp_type = '?action=call';
}
if (err == 0){
$.ajax({
type: "POST",
url: '/customer-callback.php'+resp_type,
data: {
'item_id': $("#resp_item_id").val(), // set in catalog.js
'name': $("#md-resp-name").val(),
'phone': $("#md-resp-phone").val(),
'email': $("#md-resp-email").val(),
'message': $("#md-resp-message").val()
},
dataType: "json",
success: function(data){
if (data.status == true){
$("#md-resp-name").val('');
$("#md-resp-phone").val('');
$("#md-resp-email").val('');
$("#md-resp-message").val('');
}
if (data.msg && data.msg.length > 0){
$(".md-resp-msg").fadeIn();
$.each( data.msg, function( key,field ) {
if (field.type == true){
$(".md-resp-msg").append('<p class="md-true">'+field.text+'</p>');
} else {
$(".md-resp-msg").append('<p class="md-error">'+field.text+'</p>');
}
});
}
}
});
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="cust-resp-form" class="contact" name="contact" action="#" method="post">
<input type="hidden" name="resp_item_id" id="resp_item_id" value="0">
<div class="form-group">
<label for="md-resp-name">Представьтесь<span class="red-text">*</span></label>
<input type="text" id="md-resp-name" name="md-resp-name" class="form-control" placeholder="Иван Иванов" required="">
</div>
<div class="form-group">
<label for="md-resp-phone">Телефон<span class="red-text">*</span></label>
<input type="text" id="md-resp-phone" name="md-resp-phone" class="form-control" placeholder="+7(___)___-__-__" required="">
</div>
<div class="form-group">
<label for="md-resp-email">Почта</label>
<input type="text" id="md-resp-email" name="md-resp-email" class="form-control" placeholder="[email protected]">
</div>
<div class="form-group">
<label for="md-resp-message">Описание заявки</label><br>
<textarea name="md-resp-message" class="form-control" rows="5" id="md-resp-message"></textarea>
</div>
<div class="form-group">
<p class="required-fields">* Обязательные поля для заполнения</p>
<p class="user-agrement">Нажимая кнопку, я принимаю <a href="#">соглашение о конфиденциальности</a> и соглашаюсь с обработкой персональных данных</p>
</div>
<div class="form-button">
<button type="button" class="md-resp-send">Отправить</button>
</div>
</form>