Erfassen von Formularübermittlungsereignissen mithilfe der Eingabe im Backbone

Question

Mein backbone.js-Formular hat ein einzelnes Textfeld (keine Übermittlungsschaltfläche). Ich muss das Ereignis absenden (mit der Eingabetaste) in der Ansicht erfassen. Unten ist der Beispielcode. Irgendwie wird die Methode submit beim Drücken von Enter nicht aufgerufen. Stattdessen dient das Formular zum Nachladen.

Script:

var FormView = Backbone.View.extend({ 
    el: '#form', 

    events: { 
     "submit": "submit", 
    }, 

    initialize: function() { 
     console.log("initialize"); 
    }, 

    submit: function (e) { 
     e.preventDefault(); 
     console.log("submit"); 
    } 
}); 

new FormView(); 

HTML:

<form id="form"> 
    <input type="text"/>   
</form> 

Answer 1

Fügen Sie diese auf Ihre Backbone Ansicht:

events: { 
    'submit form': 'submit' 
} 

Beachten Sie auch, dass in Ihrem HTML, das Formular Aktion muss sein definiert.

Wenn Sie nicht die Aktion definiert, dann tun:

events: { 
    'keyup': 'processKey' 
} 

processKey: function(e) { 
    if(e.which === 13) // enter key 
    this.submit(); 
} 

Answer 2

Wenn Sie Probleme bei der Erfassung einreichen Ereignisse sicherzustellen, dass Ihre ‚el‘ Eigentum Ihrer Ansicht definiert ist.

var myView = Backbone.View.extend({ 
    el: $(body), 
    events: { 
     "submit form": "doMethod" 
    }, 
    doMethod: function(e) { 
     e.preventDefault(); 
     console.log('form fired'); 
    } 
});