Проводка данных по заданному URL-адресу с помощью мастера Bootstrap

Question

Я использую bootstrap для отображения мастера, как показано в этом example. Когда я нажимаю кнопку «Отправить», данные не отправляются на заданный URL-адрес /wizard_submit. Помогите.

Примечание: Полный код приведен в данном примере.

<div class="wizard" id="wizard-demo"> 
     <div class="wizard-card" data-onValidated="setServerName" data-cardname="name"> 
       <h1>First</h1> 
<div class="control-group"> 
        <input id ="name" type="text" 
        /> 
       </div> 
     </div> 
      <div class="wizard-card" data-onload="" data-cardname="location"> 
       <h3>LAST</h3> 
    <div class="wizard-input-section"> 

       <select data-placeholder="Monitor nodes" style="width:350px;" class="chzn-select"> 
        <option value=""></option> 
         <option>Male</option> 
         <option>Female</option> 

       </select> 

      </div> 
      </div> 

      <div class="wizard-success"> 
       <div class="alert alert-success"> 
           Success!!!! 
       </div> 

       <a class="btn im-done">Close</a> 
      </div> 

     </div> 

Javascript

$(function() { 

       $.fn.wizard.logging = true; 

       var wizard = $("#wizard-demo").wizard({ 
        showCancel : true 
       }); 
       wizard.on("submit", function(wizard) { 
        $.ajax({ 
         url : "/wizard_submit", 
         type : "POST", 
         data : wizard.serialize(), 
         success : function() { 
          wizard.submitSuccess(); 

          wizard.hideButtons(); 
          wizard.updateProgressBar(0); 
         }, 
         error : function() { 
          wizard.submitError(); 
          wizard.hideButtons(); 
         } 
        }); 
       }); 

       $(".chzn-select").chosen(); 

       wizard.el.find(".wizard-ns-select").change(function() { 
        wizard.el.find(".wizard-ns-detail").show(); 
       }); 

       wizard.el.find(".create-server-service-list").change(function() { 
        var noOption = $(this).find("option:selected").length == 0; 
        wizard.getCard(this).toggleAlert(null, noOption); 
       }); 

       wizard.on("submit", function(wizard) { 
        var submit = { 
         "hostnamed" : $("#new-server-fqdn").val() 
        }; 

        setTimeout(function() { 
         wizard.trigger("success"); 
         wizard.hideButtons(); 
         wizard._submitting = false; 
         wizard.showSubmitCard("success"); 
         wizard.updateProgressBar(0); 
        }, 2000); 
       }); 

       wizard.el.find(".wizard-success .im-done").click(function() { 
        wizard.reset().close(); 
       }); 

       wizard.el.find(".wizard-success .create-another-server").click(function() { 
        wizard.reset(); 
       }); 

       $(".wizard-group-list").click(function() { 
        alert("Disabled for demo."); 
       }); 

       $("#open-wizard").click(function() { 
        wizard.show(); 
       }); 

       wizard.show(); 
      }); 

Answer 1

Удалить эту строку

var submit = { 
        "hostnamed" : $("#new-server-fqdn").val() 
       }; 

и он должен работать (я была такая же проблема и удаление этой линии работала.)

Эта линия не нужна в любом случае, похоже, что у вас есть тот же код, что и в примере, и я предполагаю, что у вас нет элемент с этим идентификатором вызывает несвязанную ошибку.