$("form#myForm").submit(function(event) {
event.preventDefault();
var phone_input = $(this).find("input[type=tel]");
var phone_number = phone_input.val().replace(/[^0-9]/g,"");
if (phone_number.length === 0 ) {
phone_input.notify("Введите номер телефона", {position:"bottom" , className: 'error'})
}
if (phone_number.length < 12 && phone_number.length >= 4) {
phone_input.notify("Номер введён не полностью", {position:"bottom" , className: 'warn', gap: 0, autoHideDelay: 3000});
}
if (phone_number.length === 12) {
var data = $(this).serializeArray();
data.push ({name: 'href', value: href}); //-можешь добавить дополнительные переменные, например адрес страницы, referer
data.push ({name: 'ref', value: ref});
var thisForm = $(this);
var thisBtn = thisForm.find("button");
$.ajax({
url: 'php/mail.php',
type: 'POST',
data: data,
beforeSend: function(data) {
thisBtn.notify("Отправка заявки", {position:"bottom center", className: 'info'});
},
success: function(data){
console.log(data);
thisBtn.notify("Заявка принята", {position:"bottom center", className: 'success'});
thisForm.trigger("reset");
},
error: function(data) {
thisBtn.notify("Ошибка на сервере", {position:"bottom center", className: 'error'} );
thisForm.trigger("reset");
}
});
return false;
}
});
var href = window.location.href;
var ref = document.referrer;
//-notify - красивые уведомления, скачать библиотеку можешь з<a href="https://notifyjs.jpillora.com/"></a>десь, если не нужно просто убери
<img src="https://habrastorage.org/webt/5c/a3/0d/5ca30d6fd6f1f287377378.png" alt="image"/>