首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Backbone.Syphon -始终返回空对象

Backbone.Syphon -始终返回空对象
EN

Stack Overflow用户
提问于 2014-06-08 02:22:46
回答 1查看 138关注 0票数 0

我在我的Backbone.Marionette应用中使用了Backbone.Syphon插件。当我单击表单的提交按钮时,我总是得到空对象({})..我不知道是什么原因,

有谁能帮我找到问题所在吗?

这是我的view.js

代码语言:javascript
运行
复制
define([
    'jQuery','underscore',
    'backbone','marionette',
    'text!./templates/loginView.html'],
    function($,_,Backbone,Marionette,template){
        "use strict";

        var LoginView = Backbone.Marionette.ItemView.extend({

            className:'col-xs-12 col-md-4 col-md-offset-4',

            template:_.template(template),

            events:{
                "submit form" : "loginSubmit"
            },

            loginSubmit:function(e){
                e.preventDefault();
                var data = Backbone.Syphon.serialize(e.target);
                console.log(data); //always return as empty object.
            }

        });

        return LoginView;
    }
);

这是我的表格:

代码语言:javascript
运行
复制
<form action="#" id="loginForm" class="form-horizontal" role="form">
    <legend>
        <fieldset>
            <label for="userName">UserName</label>
            <input type="text" value="" id="userName" class="form-control" placeholder="Enter your Username">
            <label for="password">Password</label>
            <input type="text" id="password" value="" class="form-control" placeholder="Enter your Password">
            <input type="submit" class="btn btn-primary" value="Login" id="login">
        </fieldset>
    </legend>
</form>
EN

回答 1

Stack Overflow用户

发布于 2014-06-08 12:26:49

我更新了我的表单html,将name添加到元素中。它工作得很好。

以下是更新后的html:

代码语言:javascript
运行
复制
<form action="#" id="loginForm" class="form-horizontal" role="form">
    <legend>
        <fieldset>
            <label for="userName">UserName</label>
            <input type="text" value="" id="userName" name="userName" class="form-control" placeholder="Enter your Username">
            <label for="password">Password</label>
            <input type="text" id="password" value="" name="password" class="form-control" placeholder="Enter your Password">
            <input type="submit" class="btn btn-primary" value="Login" id="login">
        </fieldset>
    </legend>
</form>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24100315

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档