簡單的按鈕點擊骨幹

Question

我嘗試了不同的功能使用骨幹，我來到一個奇怪的人。我正在嘗試通過骨幹提交表單。我以前做過這件事，我無法找到我在做什麼錯。

的代碼如下：

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' 
} 

得到這個從下列線：How do I get backbone to bind the submit event to a form?

乾杯.. :)