我对BackboneJS很新。提交表单后,我需要自动下载PDF文件。 PDF可以是静态链接或静态路径。请帮助我实现这些人,因为我有不眠之夜:(
我可以提交表格并获得感谢页面。但我需要在提交后下载文件,
<form id="contactForm1" name="consultData" data-toggle="validator"
role="form" >
<div class="row">
<div class="form-group">
<input type="text" class="form-control"
placeholder="Name*" id="contact_full_name1" name="fullName" value="
<%=userProfile ? userProfile.displayName : ''%>" required/>
<span class="glyphicon form-control-
feedback" aria-hidden="true"></span>
<div class="help-block with-errors
text-left"></div>
</div>
<div class="form-group">
<input type="email" class="form-control"
placeholder="Email*" id="contact_email_id1" name="email" value="
<%=userProfile ? userProfile.email : ''%>" required
pattern=".+@.+\..+" title="<abc>@<xyz>.<com>"/>
<div class="help-block with-errors
text-left"></div>
</div>
<div class="form-group has-feedback">
<input type="text" class="form-control"
id="contact_contact_num1" placeholder="Contact Number*" value="
<%=userProfile ? userProfile.phone : ''%>" required
pattern="\d{10}" title="e.g. 9876543210"/>
<div class="help-block with-errors
text-left"></div>
</div>
<div class="form-group">
<select class="form-control"
id="contact_city">
<option> City </option>
<option> Bangalore </option>
<option> Mangalore </option>
<option> Pune </option>
</select>
</div>
<div class="form-group">
<button id="contactus-submit-btn1"
class="btn btn-default btn-block btn-kitchen" type="submit"
data-loading-text="<i class='fa fa-spinner fa-spin'></i> submit">
submit
</button>
</div>
</div>
</form>
这是js,
define([
'jquery',
'underscore',
'backbone',
'text!/templates/landing_pages/kitchenlanding_page.html',
'cloudinary_jquery',
'/js/mgfirebase.js',
'/js/consultutil.js',
'/js/analytics.js'
], function($, _, Backbone, kitchenlandingPageTemplate,
CloudinaryJquery, MGF, ConsultUtil, Analytics) {
var KitchenLandingPageVIew = Backbone.View.extend({
el: '.page',
ref: null,
renderWithUserProfCallback: function(userProfData) {
$(this.el).html(_.template(kitchenlandingPageTemplate)({
'userProfile': userProfData
}));
$.cloudinary.responsive();
},
render: function() {
var authData = this.ref.getAuth();
MGF.getUserProfile(authData,
this.renderWithUserProfCallback);
},
initialize: function() {
Analytics.apply(Analytics.TYPE_GENERAL);
this.ref = MGF.rootRef;
$.cloudinary.config({ cloud_name: 'xyz', api_key:
'49252'});
_.bindAll(this, 'renderWithUserProfCallback');
},
submit: function(e) {
if (e.isDefaultPrevented()) return;
e.preventDefault();
var name = $('#contact_full_name1').val();
var email = $('#contact_email_id1').val();
var phone = $('#contact_contact_num1').val();
var query = $('#contact_city').val();
ConsultUtil.submit(name, email, phone, query, null,
null, null, null);
window.App.router.navigate('/thankyou-consult-page', {
trigger: true
});
},
events: {
"submit": "submit"
}
});
return KitchenLandingPageVIew;
});