JQuery disable-Eingänge während ajax Absenden

Ich erstelle ein Formular mit Hilfe von Django, JQuery und JQuery Form plugin (http://jquery.malsup.com/form/) und ich möchten, deaktivieren Sie meine Formular-Felder beim warten auf server-Antwort. Mein code ist:

$(document).ready(function () {
        $('#load').hide();
        $('#error').hide();
        $('#success').hide();
        var myForm = $(this).find('input'); //finding all inputs
        $('#save').live('click', function () {
            $('#save_form').ajaxSubmit({
                success:function (data, statusText, xhr, $form) {
                    alert('success');
                    $form.find('.error').remove();
                    if (data['result'] == 'success') {
                        $('#success').show("slow");
                    }
                    else if (data['result'] == 'error') {
                        $('#error').show("fast");
                        //calling procedure to show errors
                    }
                    $('#load').hide("fast");
                },
                beforeSubmit: function(arr, $form, options) {
                    $('#error').hide();
                    $('#success').hide();
                    $('#load').show("fast");
                    $(myForm).attr('disabled', true);
                    alert('before submit');
                    return true;
                },
                error: function() {
                    alert("Failed to submit!");
                    $('#load').hide("fast");
                },
                timeout: 3000,
                dataType:'json'
            });
        });
    })

So, wenn ich drücken Sie Speichern, sehe ich, dass die Eingänge sind deaktiviert und ich bin immer "vor dem senden" alertbox, aber wenn ich drücken Sie OK, alle Eingänge werden aktiviert, auch Wenn ich schalten Sie antwortenden server.

Wie kann ich machen, damit es funktioniert?

InformationsquelleAutor mindmaster | 2012-02-02

vielleicht u deaktivieren können Ihr Formular klicken Sie auf func und dann aktivieren Sie in Erfolg

$('#save').live('click', function () {

            $(myForm).attr('disabled', true);
            alert('before submit');

            $('#save_form').ajaxSubmit({
                success:function (data, statusText, xhr, $form) {
                    $(myForm).attr('disabled', false);
                    alert('success');
                    $form.find('.error').remove();
                    if (data['result'] == 'success') {
                        $('#success').show("slow");
                    }
                    else if (data['result'] == 'error') {
                        $('#error').show("fast");
                        //calling procedure to show errors
                    }
                    $('#load').hide("fast");
                },
.
.
.

wenn ich es deaktivieren, bevor .ajaxSubmit deaktivieren funktioniert, aber ajax Absenden aufhört zu arbeiten 0_o.
das ist, warum ich verwendet, readonly-Attribut anstelle von deaktiviert

InformationsquelleAutor Sedat Başar

$(function(){
      $(".load")
           .ajaxStart(function () {
              $("input").attr("disabled", "disabled");
          })
         .ajaxComplete(function(){
            $("input").removeAttr("disabled");
         });
});

InformationsquelleAutor Yorgo

var myForm = $('YOUR_FORM').find('input'); //finding `input`s should like this

$('#save_form').ajaxSubmit({
  beforeSubmit: function() {
    $(myForm).prop('disabled', true);
    ...
  },
  success: function() {
    $(myForm).prop('disabled', false);
    .....
  },
  error: function() {
    ....
  }
});

InformationsquelleAutor thecodeparadox

-1

Ich denke, dass die Deaktivierung der Formular vor dem senden wird, Stoppt der form submittion, aber Sie können deaktivieren Sie die input-Elemente in der form ist, sollten Sie auf die Funktion, die Sie möchten.
zB. fügen Sie eine Klasse wie frmdis zu jeder Eingabe im Formular oder an eine andere input-element auf der Seite.

$('#save').live('click', function () {

        $('.frmdis').prop('disabled', true);
        alert('before submit');

        $('#save_form').ajaxSubmit({
            success:function (data, statusText, xhr, $form) {
                $('.frmdis').prop('disabled', false);
                alert('success');
                $form.find('.error').remove();
                if (data['result'] == 'success') {
                    $('#success').show("slow");
                }
                else if (data['result'] == 'error') {
                    $('#error').show("fast");
                    //calling procedure to show errors
                }
                $('#load').hide("fast");
            },

.
.
.

InformationsquelleAutor Kiki Risager

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.