форму отправить событие не стрелять в позвоночник?

Question

Я новичок в 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}} 

Answer 1

Был ошибка в шаблонах я имел в DIV шаблон, который я открывал перед тегом открытия формы и закрывал перед закрытием тега формы, он должен быть закрыт после m закрывающий тег.

{{#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}}