Jquery Ajax: не может показать конкретные изменения формы из нескольких форм - PullRequest
0 голосов
/ 14 июня 2019

У меня есть несколько форм на одной странице.Каждая форма отправляется и обновляется отдельно через 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');
                       }
        }
    });

Первая форма правильно показывает изменения, вторая - нет.Однако любые изменения вне второй формы, такие как оповещение, работают должным образом.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...