Имеется функция Jquery:
$(function($) {
$('.input-file input[type=file]').on('change', function() {
let file = this.files[0];
$(this).closest('.input-file').find('.input-file-text').html(file.name);
});
$('#sender').click(function(event) {
event.preventDefault();
form = $(this).parent('form');
$.ajax({
url: '/contacts/send.php',
type: 'POST',
data: ({
'file': $(this).parent('form').find('input[name=file]').val(),
'COMMENTS': $(this).parent('form').find('textarea').val(),
'phone': $(this).parent('form').find('input[name=phone]').val(),
'email': $(this).parent('form').find('input[name=email]').val(),
'name': $(this).parent('form').find('input[name=name]').val()
}),
success: function(response) {
form.append('<div id="mes-success">Ваше сообщение успешно отправлено.</div>');
form[0].reset();
setTimeout(function() {
$('#mes-success').remove();
$('.contact-modal__close').click();
}, 5000);
}
});
return false;
});
});
Что можно в неё добавить, чтобы при незаполненных
<input require>
к полю подставлялся контент "Обязательное поле" и форма не отправлялась?