Bootstrap 3 modal wird geschlossen, wenn die Eingabetaste gedrückt wird, aber das Formular nicht übergeben wird

8

Ich habe das folgende Twitter Bootstrap 3 modal, mit einem Formular innerhalb des modalen:

%Vor%

Ich möchte das Ereignis submit über jQuery abfangen:

%Vor%

Das Formular wird nicht über die Taste Eingabe gesendet (wenn eine Texteingabe fokussiert ist), aber es wird gesendet, wenn die Schaltfläche Hinzufügen angezeigt wird (das ist submit eins ) wird geklickt.

Ich kann nicht finden, warum das Formular nicht über die Eingabetaste gesendet wird. Das Modal wird einfach geschlossen, aber submit event wird nicht gesendet / ausgelöst.

JSFDDLE - wo das Problem reproduziert werden kann

Getestet auf Chromium Version 34.0.1847.116 Ubuntu 14.04 Aura (260972) und Firefox 31.0. Das gleiche Problem in beiden Browsern.

    
Ionică Bizău 25.07.2014, 14:53
quelle

4 Antworten

16

Sie können einfach die Reihenfolge von

ändern %Vor%

bis

%Vor%

oder hinzufügen

%Vor%

zu Ihrer Schließen-Schaltfläche, damit sie nicht als Senden-Schaltfläche interpretiert wird

Prost

    
john Smith 25.07.2014, 14:58
quelle
3

Ich habe dem Modal-Close-Event einen Handler hinzugefügt, um das Formular vor dem Schließen des Modals zu senden, wie zum Beispiel:

%Vor%

Ich habe die jsfiddle entsprechend Ссылка

aktualisiert

Sie können auch auf die Eingabetaste im Formular selbst warten, etwa so:

%Vor%     
bearoplane 25.07.2014 15:02
quelle
2

haben Sie versucht,

zu verwenden %Vor%

jQuery weiß nicht, dass Sie die Eingabetaste gedrückt haben, indem Sie einfach Enter drücken. Fügen Sie die obige jQuery aber mit Ihrem eigenen Code innerhalb der if-Anweisung ein und hoffentlich sollte es funktionieren

    
Andrew Matthew 25.07.2014 14:58
quelle
0

Durch Drücken der Eingabetaste im Eingabefeld wurde die Schaltfläche mit Datenabbruch="modal" ausgelöst Ändere einfach data-follow="modal" zu deiner Submit-Schaltfläche und entferne sie von deiner Schließen-Schaltfläche

%Vor%     
neno 25.07.2014 15:06
quelle