0

私の投稿が重複していたらごめんなさい。問題の解決策が見つからないからです。

ここで jQuery ウィザードを見つけました ( http://www.ifadey.com/2012/06/form-to-wizard-jquery-plugin/ )。

jQuery はうまく動作しますが、[次へ] ボタンをクリックすると、別のページにリダイレクトしたいと考えています。

jQuery

<script>
    $(function () {
        var $signupForm = $('#SignupForm');

        $signupForm.validationEngine();

        $signupForm.formToWizard({
            submitButton: 'SaveAccount',
            showProgress: true, //default value for showProgress is also true
            nextBtnName: 'Forward >>',
            prevBtnName: '<< Previous',
            showStepNo: false,
            validateBeforeNext: function () {
                return $signupForm.validationEngine('validate');
            }
        });


        $('#txt_stepNo').change(function () {
            $signupForm.formToWizard('GotoStep', $(this).val());
        });

        $('#btn_next').click(function () {
            $signupForm.formToWizard('NextStep');
        });

        $('#btn_prev').click(function () {
            $signupForm.formToWizard('PreviousStep');
        });
    });
</script>

ASPX

<form id="form1" runat="server">

<form id="SignupForm" action="">
    <fieldset>
        <legend>Account information</legend>
        <label for="Name">Name</label>
        <input id="Name" type="text" class="validate[required]" />
        <label for="Email">Email</label>
        <input id="Email" type="text" class="validate[custom[email],required]" />
        <label for="Password">Password</label>
        <input id="Password" type="password" />
    </fieldset>
    <fieldset>
        <legend>Company information</legend>
        <label for="CompanyName">Company Name</label>
        <input id="CompanyName" type="text" class="validate[required]" />
        <label for="Website">Website</label>
        <input id="Website" type="text" />
        <label for="CompanyEmail">CompanyEmail</label>
        <input id="CompanyEmail" type="text" />
    </fieldset>
    <fieldset>
        <legend>Billing information</legend>
        <label for="NameOnCard">Name on Card</label>
        <input id="NameOnCard" type="text" />
        <label for="CardNumber">Card Number</label>
        <input id="CardNumber" type="text" />     
        <label for="Address1">Address 1</label>
        <input id="Address1" type="text" />
        <label for="Address2">Address 2</label>
        <input id="Address2" type="text" />
        <label for="City">City</label>
        <input id="City" type="text" />
    </fieldset>
    <p>
        <input id="SaveAccount" type="button" value="Submit form" />
    </p>
</form>
</form>

「次へ」ボタンをクリックすると、URLページ(例:Registration.aspx)にリダイレクトされます...

4

0 に答える 0