表單提交事件不在骨幹？

我是Backbone JS的新手，問題可能會重複，但我無法找出問題所在。我需要在我的應用程序中處理表單提交事件以使用默認的HTML5驗證。但不幸的是它不適合我。下面在securityTokenTmpl和securityQATmpl，我有表單提交按鈕，它不是解僱提交事件，但點擊工作正常。表單提交事件不在骨幹？

觀點---------

var securityInfoView = Backbone.View.extend({ 
    tagName : 'div', 
    className : 'security-info-wrap', 
    initialize : function() { 
    var self = this; 
    $('.application-content-wrap').append(self.$el); 
    this.$el.append(securityInfoTmpl(self.options.result.bankInfo.siteModel)); 
    if (typeName === "TOKEN_ID" || typeName === "MULTI_LEVEL") { 
    self.$el.find('.security-info-wrap .content-wrap').html(securityTokenTmpl({ 
    results : data 
    })); 
    } 
    if (typeName === "SECURITY_QUESTION") { 
    self.$el.find('.security-info-wrap .content-wrap').html(securityQATmpl({ 
     results : data 
    })); 
    } 
    }, 
    events : { 
      'submit' : 'submit' 
     }, 
    submit : function(e) { 
    console.log("form submit"); 
    e.preventDefault(); 
    // there after HTML5 validation i want to make Rest call 
} 
});

securityQATmpl模板

{{#results}} 
<div> 
<form id="securityQA" method="POST"> 
<div class="row"> 
{{#fieldInfo}} 
{{#questionAndAnswerValues}} 
<div class="small-12 columns"><label class="addAccountLabel">{{question}}</label> 
     <input required type='{{responseFieldType}}' name='{{metaData}}'/> 
</div> 
{{/questionAndAnswerValues}} 
{{/fieldInfo}} 
</div> 
</div> 
<div class="row"> 
    <div class="small-9 columns"></div> 
    <div class="small-3 columns"><input type="submit" class="button" value="Next"/>   
</div> 
</div> 
</form> 
<div class="clear"></div> 
{{/results}}

securityTokenTmpl模板

{{#results}} 
<div> 
<form id="securityToken" method="POST"> 
{{#fieldInfo}} 
<div class="row"> 
<div class="small-12 columns"><label class="addAccountLabel">{{displayString}}</label> 
     <input required type='{{responseFieldType}}' size='{{maximumLength}}' name="securityToken"/> 
    </div> 
{{/fieldInfo}} 
</div> 
</div> 
<div class="row"> 
    <div class="small-9 columns"></div> 
    <div class="small-3 columns"><input type="submit" class="button" value="Next" /></div> 
</form> 
{{/results}}

來源

2014-01-08 Sandeep vashisth

你還可以分享相關模板嗎？ – biril

biril我已添加模板請再次看到 –

嘿biril，模板中有問題。上面的模板沒有錯誤。當我在這個問題中發佈模板時，我發現它 - thnaks –

有模板中的錯誤我有一個div我在表單打開標記之前打開的模板，以及在表單關閉之前關閉標記，之後它應該關閉結束標籤。

{{#results}} 
<div> 
<form id="securityToken" method="POST"> 
{{#fieldInfo}} 
<div class="row"> 
<div class="small-12 columns"><label class="addAccountLabel">{{displayString}}</label> 
     <input required type='{{responseFieldType}}' size='{{maximumLength}}' name="securityToken"/> 
</div> 
</div> 
{{/fieldInfo}} 
<div class="row"> 
    <div class="small-9 columns"></div> 
    <div class="small-3 columns"><input type="submit" class="button" value="Next" /></div> 
</div> 
</form> 
</div> 
{{results}}

來源

2014-01-11 11:30:50

表單提交事件不在骨幹？

回答

相關問題