Забудь об атрибутах id. По стандарту каждый id на странице должен иметь уникальное значение. Хочешь несколько форм - меняй id на class, или data-id.
Для атрибутов, не имеющих значений (существует / не существует) надо использовать не attr, а prop.
В общем:
$('.load_button').click(function (e) {
e.preventDefault();
var button = $(this),
form = button.closest('form'),
// phone = form.find('[data-id="obligatorily"]'); // Это для data-id="obligatorily"
phone = form.find('.obligatorily'); // Это для class="obligatorily"
if (phone.val().length == 0) {
phone.css('border-color', '#ff4500');
setTimeout(function () {
phone.removeAttr('style');
}, 500);
return;
}
button.prop('disabled', true).attr('value', 'Идет отправка...');
$.post("send.php", form.serialize(), function (result) {
var r = $.trim(result);
if (r == 'sent') {
button.attr('value', 'Заявка отправлена');
} else {
$('#load_button').prop('disabled', false).attr('value', "Отправить заявку");
}
});
});
И да,
@Petroveg прав - надо отслеживать submit, а не click. Но это уже сам.
