Я новичок в 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}}
0
Sandeep vashisth 8 Янв 2014 в 15:22
Не могли бы вы также поделиться соответствующим шаблоном?
 – 
biril
8 Янв 2014 в 15:32
Biril я добавил шаблон, пожалуйста, посмотрите его еще раз
 – 
Sandeep vashisth
8 Янв 2014 в 15:44
Привет, бирил, в шаблоне была проблема. выше шаблон не содержит ошибок. Я нашел его, когда публиковал шаблон в этом вопросе - thnaks
 – 
Sandeep vashisth
8 Янв 2014 в 15:56

1 ответ

Лучший ответ

В шаблонах произошла ошибка. У меня был 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}}
0
Sandeep vashisth 11 Янв 2014 в 15:30