JQuery Ajax Отправить сообщение об ошибке Stack

Question

У меня есть форма, которая имеет обязательные поля. Они отображают ошибки, когда вы нажимаете «Продолжить», но не вводите ничего в обязательные поля. Если вы нажмете продолжить, не вводя ничего в необходимые поля, предыдущее сообщение об ошибке останется, а под ним будет создано новое. Что мне делать, этого не происходит.

Answer 1

Теперь, когда вы очистили структуру и как хотите, чтобы она работала, это должно сработать для вас. Просто удаляйте все предыдущие сообщения об ошибках каждый раз при отправке формы.

function submit_ajax_form() { 
    $('.error_span').remove(); 
    // submits the form with Ajax especting a JSON response 
    $('#usermgmtform').ajaxSubmit({ 
    success: function(response, statusText, xhr) { 
     if (response['status'] == 'ok') { 
     window.location.replace(response['location']); 
     } else { 
     jQuery.each(response['errors'], function(field, errors) {    
      jQuery.each(errors, function(i, error) { 
      $fieldId = $('#id_'+field);     
      $fieldId.closest('.control-group').addClass('error'); 
      $fieldId.parent().append($('<span class="error_span">').addClass('help-inline').append(error)); 
      }) 
     }) 
     } 
    } 
    }) 
} 

Answer 2

Вы можете изменить это

$fieldId.parent().append($('<span>').addClass('help-inline').append(error)); 

К

var fieldParent = $fieldId.parent(); 
if(fieldParent.has('#form-error')) { 
    $('#form-error').text(error); 
} else { 
    fieldParent.append(
     $('<span>', { 
     id: 'form-error', 
     'class': 'help-inline', 
     text: error 
     }) 
    ); 
}