javascript - 提交按钮后微调器不显示

Question

当我提交表单数据时没有任何错误而不是微调器显示...但是当表单有一些错误（例如需要用户名）并且在提交表单后微调器没有显示...

<script type="text/javascript">
    var spinner = $('#loader');

      $(document).on('submit', '#payment-form', function(e){
        e.preventDefault();
        spinner.show();
        $.ajax({
            type: 'POST',
            url: "{% url 'post_create' %}",
            data: {
                title: $('#id_title').val(),
                ages: $('#id_ages').val(),
                zip_codes: $('#id_zip_codes').val(),
                address_user: $('#id_address_user').val(),
                phone: $('#id_phone').val(),
                state: $('#id_state').val(),
                city: $('#id_city').val(),
                category: $('#id_category').val(),
                description: $('#id_description').val(),
                photo_main: $('#id_photo_main').val(),    
                csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken]').val()
            },
            error:function('#card-element'){
                spinner.fadeOut();
            },
            success:function(data){
                spinner.fadeOut();
            }
        });

      });
  </script>

标签： javascriptpythondjangoajaxajaxform