jquery formwizard последний шаг не показывает

есть ли причина, по которой мой последний шаг, который я вызываю, не отображается в мастере форм?

        <form id="wizardForm" action="" method="post">
        <div id="fieldWrapper">

            <div class="step" id="first">
                <span class="font_normal_07em_black step_title">Site Information</span><br />
                <label for="Title">Title</label>
                <input id="Title" class="input_field_12em required" type="text" />
                <label for="Description">Description</label>
                <input id="Description" class="input_field_12em required" type="text" />
                <label for="UrlName">Url Name</label>
            </div>

            <div class="step" id="ownerInfo">
                <span class="font_normal_07em_black step_title">Site Owner</span>
                <label for="PrimaryOwner">Primary Owner</label>
                <input id="PrimaryOwner" class="input_field_12em required" type="text" />
                <label for="SecondaryOwner">Secondary Owner (nt id)</label>
                <input id="SecondaryOwner" class="input_field_12em required" type="text" />
            </div>

            <div class="step" id="siteAccess">
                <span class="font_normal_07em_black step_title">Site Access</span>
                <label for="I">Public or private info <br />
                Will private information be stored in this space?</label>
                <input id="iYes" name="I" type="radio" value="Yes" />Yes<br />
                <input id="iNo" name="I" type="radio" value="No" />No
                <hr />
                <label for="T">Will T Information be stored on this space?</label>
                <input id="TYes" name="T" type="radio" value="Yes" onclick="ToggleT()" />Yes<br />
                <input id="TNo" name="T" type="radio" value="No" onclick="ToggleT()" />No
                <div id="tAcknowledgeContainer" class="hidden_contain">
                    <input type="checkbox" id="tCheckbox" /><span class="checkbox_label">I acknowledge </span>
                </div>
                <hr />
                <label for="C">Will space need to Control content?</label>
                <input id="cYes" name="C" type="radio" value="Yes" onclick="ToggleC()" />Yes<br />
                <input id="cNo" name="C" type="radio" value="No" onclick="ToggleC()" />No
                <div id="cAcknowledgeContainer" class="hidden_contain">
                    <input type="checkbox" id="cCheckbox" />
                    <span class="checkbox_label">I agree </span>
                </div>
                <hr />
                <label for="F">Is Other User Access Required?</label>
                <input id="FYes" name="F" type="radio" value="Yes" onclick="ToggleF()" />Yes<br />
                <input id="FNo" name="F" type="radio" value="No" onclick="ToggleF()" />No
                <div id="fPleaseNoteContainer" class="hidden_contain">
                    <span class="please_note"><strong>Please Note</strong><br /> 
                    </span>
                </div>
                <hr />
                <label for="N">Non Employee(s)?</label>
                <input id="NYes" name="N" type="radio" value="Yes" onclick="ToggleN()" />Yes<br />
                <input id="NNo" name="N" type="radio" value="No" onclick="ToggleN()" />No
                <div id="nAcknowledgeContainer" class="hidden_contain">
                    <input type="checkbox" id="nCheckbox" />
                    <span class="checkbox_label">
                        I agree 
                    </span>
                </div>
            </div>

            <div class="step" id="siteSharing">
                <span class="font_normal_07em_black step_title">Site Sharing</span>
                        <div class="side_by_side_container">
                            <div class="left_container">
                                <input id="SharingRestrictionN2S" name="SharingRestriction" type="radio" value="N2S" />
                                <span class="generic_label">Public</span><br />
                            </div>
                            <div class="right_container">
                                <input id="SharingRestrictionN2K" name="SharingRestriction" type="radio" value="N2K" />
                                <span class="generic_label">Private</span><br />
                            </div>
                        </div>
            </div>

            <div class="step" id="agreement">
                <span class="font_normal_07em_black step_title">Agreements</span>
                <div>
                    <br />
                    <div>Business Agreement</div>
                    <iframe id="bFrame" class="generic_iframe" src="<%= ConfigurationManager.AppSettings["businessUrl"] %>"></iframe>
                    <br /><br />
                    <hr />
                    <br />
                    <div>Service Agreement</div>
                    <iframe id="sFrame" class="generic_iframe" src="<%= ConfigurationManager.AppSettings["sericeUrl"] %>"></iframe>
                    <br /><br />
                    <hr />
                    <br />
                    I agree 
                </div>
                <br />
                <input id="sbAggrement" class="required" type="checkbox" />
                <span class="checkbox_label">
                    i agree
                </span>
            </div>

            <div id="final" class="step submit_step">
                <span class="font_normal_07em_black step_title">Confirmation</span>
                <input type="text" name="temp1" />
            </div>
        </div>
        <br />

        <hr class="form_divider" />

        <div id="wizardNavigation">
            <input class="navigation_button" value="Back" type="reset" />
            <input class="navigation_button" value="Next" type="submit" />
        </div>
    </form>

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

также при окончательной отправке, сделал ли кто-нибудь что-нибудь, когда они вызывают ajax для выполнения отправки, чтобы в случае ошибки пользователь не покидал страницу и все еще имел все свои данные для повторной попытки?

я использую С#, mvc2 и тестирую браузер Firefox


c# jquery asp.net-mvc-2 formwizard
person Anthony    schedule 08.03.2011    source источник
comment
можете ли вы показать полный html всех шагов. может быть повторный идентификатор или что-то, что не будет видно formwizard   -  person Naftali aka Neal    schedule 08.03.2011
comment
добавил в основной пост. см выше...   -  person Anthony    schedule 09.03.2011

Ответы (3)


arrow_upward
1
arrow_downward

добавить onsubmit="вернуть ложь;" в форму, чтобы сделать так, чтобы вы могли манипулировать данными поста

и в jquery:

$("form").submit(function(){
        $.post('postFile....',$(this).serialize(),function(data){
            console.log(data);
            //do something with data
        })
    })
person Naftali aka Neal    schedule 08.03.2011
comment
я не уверен, что вы подразумеваете под «шагом». можешь уточнить? - person Naftali aka Neal; 08.03.2011
comment
спасибо, я не был уверен, что это будет работать с кодом formwizard, но это сработало, отлично. теперь, если я могу получить помощь в том, почему мой последний шаг не появится, мне было бы хорошо идти .... - person Anthony; 08.03.2011
comment
formwizard каждый раздел мастера называется шагом и обозначается class=step - person Anthony; 08.03.2011
comment
можете ли вы показать полный html всех шагов. может быть повторный идентификатор или что-то, что не будет видно formwizard - person Naftali aka Neal; 08.03.2011

arrow_upward
1
arrow_downward

Когда появится заголовок кнопки Wizard, он запустит

$("#form1").bind("step_shown", function (event, data) {
      if (data.currentStep == "Div0") {
          //Code that needs to be implemented in the step 0
      }
      if (data.currentStep == "Div1") {
          //Code that needs to be implemented in the step 1
      }
});

Но когда заголовок кнопки мастера «Отправить», последний шаг в мастере будет запущен в методе, указанном ниже.

$("#form1").formwizard({
   formPluginEnabled: true,
   validationEnabled: true,
   focusFirstInput: true,
   formOptions: {
       success: function (data) {
           //Last step completed message 
       },
       beforeSubmit: function (data) {
           //Code that need to be implemented for the submit method 
       },
       dataType: 'json',
       resetForm: true
       }});

Пожалуйста, дайте мне знать, решило ли это вашу проблему. :) Кодирование :)

person Desmond    schedule 23.03.2012

arrow_upward
0
arrow_downward

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

                <input id="sbAggrement" class="required" type="checkbox" />

я удалил требуемый класс, и последний шаг отображается при нажатии следующей кнопки. Теперь о следующей проблеме: почему требуемый класс в флажке выдает ошибку javascript .......

вместо того, чтобы иметь требуемый класс на входе, я добавил флажок в validationOptions, и теперь он отлично работает

person Anthony    schedule 09.03.2011