У меня есть несколько форм на одной странице.Каждая форма отправляется и обновляется отдельно через jquery и ajax.Тем не менее, я не могу показать отдельные изменения формы для всех форм.
Я использую этот плагин для отправки форм, однако проблема остается даже при отправке формы с кодом jquery по умолчанию.
Вот формы-
<form action="add_product.php" method="post" class="add_product_form">
<input type="text" name="product_name" class="form-control">
<input type="text" name="product_details" class="form-control">
<input type="submit" value="submit">
</form>
<form action="add_order.php" method="post" class="add_order_form">
<input type="text" name="order_name" class="form-control">
<input type="text" name="order_details" class="form-control">
<input type="submit" value="submit">
</form>
Вот коды jquery
// Submitting the first form
$('.add_product_form').ajaxForm({
success: function() {
$('.add_product_form *').filter(':input').each(function(){
$(this).removeClass('is-invalid');
});
},
complete: function(xhr) {
data = JSON.parse(xhr.responseText);
if(data.status == 'error'){
$.each(data.messages, function( index, value ) {
$(".add_product_form input[name="+index+"]").addClass('is-invalid');
});
}
else {
alert('okay');
}
}
});
// Submitting the second form
$('.add_order_form').ajaxForm({
success: function() {
$('.add_order_form *').filter(':input').each(function(){
$(this).removeClass('is-invalid');
});
},
complete: function(xhr) {
data = JSON.parse(xhr.responseText);
if(data.status == 'error'){
$.each(data.messages, function( index, value ) {
$(".add_order_form input[name="+index+"]").addClass('is-invalid');
});
}
else {
alert('okay');
}
}
});
Первая форма правильно показывает изменения, вторая - нет.Однако любые изменения вне второй формы, такие как оповещение, работают должным образом.