表格提交成功后自动下载PDF文件

时间:2016-06-21 06:10:17

标签: javascript backbone.js

我对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;

              });

0 个答案:

没有答案
相关问题