简单的按钮点击骨干(Simple button click in backbone)

我使用的骨干尝试了不同的功能，我就翻过一个奇怪的一个。 我试图通过骨干提交表单。 我以前曾这样做，我不能找到什么毛病我在做什么。

代码如下：

HTML部分

   <div clas="loginpage"></div>
   <form class="login-user-form">
     <input type="text" name="name" id="name" placeholder="Enter Name"><br><br>
     <button type="submit" class="btn">Create</button>
   </form>

jQuery的部分

var UserLogin = Backbone.View.extend({
   el:'.loginpage',
   initialize:function(){
   console.log("Login View Initialized");
 },
 events:{
   'submit .btn' : 'loginuser'
 },
 loginuser:function(){
   console.log("Login Clicked.");
   return false;
 }
});
var userlogin = new UserLogin();

我在控制台中看到登录查看初始化的消息。 但我不能让loginuser功能工作。 通过其默认的页面提交提交功能。

我究竟做错了什么？

Answer 1:

1） loginpage不包含的形式。 固定：

<div class="loginpage">
  <form class="login-user-form">
    <input type="text" name="name" id="name" placeholder="Enter Name"><br><br>
    <button type="submit" class="btn">Create</button>
  </form>
</div>

2）

events : {
 'submit' : 'loginuser'
},

loginuser : function(){
  console.log("Login Clicked.");
  return false; // Stops default html form submission
}

Answer 2:

得到它的工作：

events:{   
    'submit' : 'loginuser'
}

从下列线得到了这个： 我怎么骨干绑定提交事件的形式？

干杯.. :)

文章来源: Simple button click in backbone