Kube modal schließt sich beim Drücken der Eingabetaste

9

Ich benutze ein Modal von der Kube CSS & amp; JS-Framework (6.5.2) mit einem Formular darin. Wenn ich Enter drücke, schließt sich das Modal, ohne das Formular zu senden.

Bearbeiten : Dies geschieht nicht, wenn Sie sich auf Passwort- oder Sucheingaben konzentrieren. Wenn Sie den Typ von "Text" in "Passwort" ändern, wird das Problem behoben.

%Vor%

JS:

%Vor%

Ich möchte, dass das Formular übermittelt wird, wenn der Benutzer auf eine der Eingaben die Eingabetaste drückt, ohne die modale Box zu schließen.

    
Alex. W 10.10.2017, 18:37
quelle

3 Antworten

1

Ich hatte keine Ahnung von Kube, aber ich habe versucht, was du gesagt hast, das war ein Problem. Dann habe ich die Datei kube.js im Ordner dist geöffnet, um das Modal zu überprüfen. Ich habe diese spezifische Funktion in Zeile 2167 gefunden -

%Vor%

13 ist der Code für das Enter-Key-Event. Es ist standardmäßig in Kube, denke ich. Vielleicht können Sie dies überschreiben, ich denke, es gibt einige Funktionen, um Ereignisse zu deaktivieren. Wenn ich den Parameter wie dieses this.close(true) ändere, funktioniert es gut.

Ich hoffe, dies gibt Ihnen die Ursache, warum dies geschieht.

Kube scheint nett zu sein:)

    
Aakash Choubey 20.10.2017, 22:48
quelle
1
%Vor%

Sie können auch verweisen, wenn immer noch nicht funktionieren:

submit ist nicht erforderlich. In Ihrem Fall würde ich daher empfehlen, Ihre Logik auf beforeSubmit zu verschieben und immer false zurückzugeben, da dies vor dem Schließen des Modals ausgelöst wird. Gegenwärtig gibt es keine Möglichkeit, das Modal manuell zu schließen, außer das Ereignis modal auszulösen: zerstören. Dies ist ein Beispiel:

%Vor%

Ihr Modal wird nicht gesendet, wenn es nicht erfolgreich ist und beforeSubmit wird nur am Anfang und am Klick auf den Button ausgelöst.

    
Ravi Chauhan 14.10.2017 08:38
quelle
1
%Vor%     
Osama 14.10.2017 08:39
quelle

Tags und Links