событие отправки формы не срабатывает в магистрали?

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

html backbone.js backbone-events backbone-views backbone-routing
person Sandeep vashisth    schedule 08.01.2014    source источник
comment
Не могли бы вы также поделиться соответствующим шаблоном?   -  person biril    schedule 08.01.2014
comment
biril Я добавил шаблон Пожалуйста, посмотрите еще раз   -  person Sandeep vashisth    schedule 08.01.2014
comment
Эй, biril, в шаблоне возникла проблема. выше шаблон без ошибок. я нашел это, когда я публиковал шаблон в этом вопросе - thnaks   -  person Sandeep vashisth    schedule 08.01.2014

Ответы (1)


arrow_upward
0
arrow_downward

В шаблонах произошла ошибка. У меня был 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}}
person Sandeep vashisth    schedule 11.01.2014