Question

我有一个像这样的简单html表单

<table>
    <tr><td >Topic: </td> <td>  <input type="text" name="Topic"></td></tr>
    <tr><td ><button id ="submit">submit</button></td></tr>
</table>

对于这个表单我实现了backbone.js，下面给出了骨干视图的部分代码。

AppView = Backbone.View.extend({
    events: {
    "click #submit": "SubmitForm",
    },
    SubmitForm: function(){
    topic =     $("#Topic").val();
    var subject_model = new App_Form();
    subject_model.save();
    }

我的问题是，当我在上面的html表单中包含表单标记时。单击“提交”按钮时，不会调用SubmitForm函数。而在排除表单标记时，单击“提交”按钮会调用SubmitForm函数。

请有人帮忙解决这个问题！

Answer 1

您应return false; SubmitForm来阻止实际提交。

var AppView = Backbone.View.extend({
    events: {
        "click #submit": "SubmitForm",
    },
    SubmitForm: function(){
        topic = $("#Topic").val();
        var subject_model = new App_Form();
        subject_model.save();
        return false;
    }
});

Answer 2

检查以确保您在el中定义了Backbone.View，并且事件地图中的选择器的范围为el。

如果事件未经常绑定，则因为您未能提供范围选择器。

不调用表单标签，点击功能上的提交按钮

2 个答案: