Wie deaktiviere ich die Submit-Schaltfläche, nachdem ich auf geklickt habe?

Drupal scheint nicht zu verhindern, dass mehrere Formulare gesendet werden, auch nicht auf Knotenseiten. In dieser Qualitätssicherung wird vorgeschlagen , sie auf der Serverseite zu beheben.

Wie kann ich die Senden-Schaltfläche deaktivieren, nachdem ich auf geklickt habe?

Irgendwelche anderen Lösungen?

Es ist nur in dev, aber das Hide Submit- Modul würde den Trick machen. Eines der Merkmale ist:

Verbergen (oder deaktivieren) Sie die Senden-Schaltfläche, nachdem Sie darauf geklickt haben

Ich habe es gerade auf einer Dev-Site installiert und es scheint gut für Node-Add-Formulare zu funktionieren. Wenn Sie auf die Schaltfläche "Senden" klicken, wird diese ausgeblendet und durch ein Ladebild und die Meldung "Bitte warten ..." ersetzt, bevor das Formular endgültig gesendet wird. Ich habe es auf keinen anderen Formen versucht.

Hier ist die Lösung für Drupal 7. Code ist eine vereinfachte Version des Hide Submit-Moduls.

Dieser Code funktioniert auch mit "Weitere hinzufügen" -Schaltflächen und AJAX-Formularen.

Drupal.behaviors.hideSubmitButton = {
  attach: function(context) {
    $('form.node-form', context).once('hideSubmitButton', function () {
      var $form = $(this);
      $form.find('input.form-submit').click(function (e) {
        var el = $(this);
        el.after('<input type="hidden" name="' + el.attr('name') + '" value="' + el.attr('value') + '" />');
        return true;
      });
      $form.submit(function (e) {
        if (!e.isPropagationStopped()) {
          $('input.form-submit', $(this)).attr('disabled', 'disabled');
          return true;
        }  
      });
    });
  }
};

Der einfachste Weg ist eine themenbasierte Javascript-Lösung, um die Schaltfläche nach dem Absenden des Formulars zu deaktivieren. Fügen Sie in die Datei theme.info Ihre Javascript-Datei ein, damit sie von der Theme-API geladen werden kann.

scripts[] = js/themename-script.js

Fügen Sie nun im Abschnitt themename-script.js im Abschnitt Drupal.behaviors.themename Folgendes hinzu:

Drupal.behaviors.themename = function()
{
  $('.node-form').submit(function(){
    $('#edit-submit').attr("disabled", "disabled");
    $('#edit-preview').attr("disabled", "disabled");
  });
}

Der Ablauf ist also wie folgt:

1. Theme lädt das Javascript
2. Der Name Drupal.behaviors.themename wird beim Laden der Seite ausgelöst
3. Deaktivieren Sie beim Senden des Formulars des Knotens Formular hinzufügen (Klasse im obigen Beispiel, kann an den Formulartyp angepasst werden) die Senden-Schaltflächen (Senden und Vorschau), damit nicht erneut darauf geklickt werden kann

Ich bin mir sicher, dass bei einer Ajax-Verarbeitung das oben Genannte gefährlich sein könnte und das Senden des Formulars nie wieder möglich ist, wenn ein Fehler in der form_api-Validierung auftritt. Testen Sie dies und passen Sie es an Ihre Bedürfnisse an. Ich habe beide Schaltflächen deaktiviert, da Sie immer noch auf die Vorschau-Schaltfläche klicken konnten, während die Senden-Schaltfläche deaktiviert war. Offensichtlich variieren Ihre Laufleistung meine.