양식 제출 이벤트가 백본에서 실행되지 않습니까?

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

난에 사업부를했다 템플릿에서 오류가 발생했습니다 서식 파일을 열기 전에 서식 파일을 닫고 양식 닫기 태그 전에 닫는 템플릿 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}}