Проблема с кнопкой отправки мастера, я думаю, это проблема мастера формы в js - PullRequest
Новая
       9

Проблема с кнопкой отправки мастера, я думаю, это проблема мастера формы в js

2 голосов
/ 22 января 2020

Кнопка «Отправить» не работает в этом мастере, я думаю, что проблема с мастером форм в js. Когда я нажимаю кнопку отправки, но не работает. Затем я проверяю кнопку отправки, там был код кнопки отправки, подобный этому ... 

<a href="#finish" role="menuitem">Sumit</a>

Но мне нужен тип кнопки отправки. Пожалуйста, помогите мне решить ее ...

Проверьте эту проблему здесь: sdaminul.com/wizard/this.html

Html

<form action="form.php" id="wizard">

    <h2></h2>
    <section>
        <div>
            <div class="mt-4">
                <h4 class="text-center mb-4">Tell us about Yourself</h4>
                <div class="default-form contact-form">
                    <div class="form-group">
                        <input type="text" name="name" value="" placeholder="First Name" required>
                    </div>

                    <div class="form-group">
                        <input type="text" name="name2" value="" placeholder="Last Name" required>
                    </div>

                    <div class="form-group">
                        <input type="date" name="dob" id="dateofbirth">

                    </div>
                </div>
            </div>
        </div>
    </section>

    <h2></h2>
    <section>
        <div class="inner">
            <div class="mt-4">
                <h4 class="text-center mb-4">Language</h4>
                <div class="tags-default mb-4">
                    <input type="text" name="lang" value="English" data-role="tagsinput" placeholder="add language" />
                </div>
            </div>
        </div>
    </section>

    <h2></h2>
    <section>
        <div class="inner">
            <div class="mt-4">
                <h4 class="text-center mb-4">Address</h4>
                <div class="default-form contact-form">
                    <div class="form-group">
                        <input type="text" name="address1" value="" placeholder="Address 1" required>
                    </div>

                    <div class="form-group">
                        <input type="text" name="address2" value="" placeholder="Address 2" required>
                    </div>
                </div>
            </div>
        </div>
    </section>
</form>

и это мастер формы javascript код. JS

(function($) {

    $("#wizard").steps({
        headerTag: "h2",
        bodyTag: "section",
        transitionEffect: "fade",
        enableAllSteps: true,
        transitionEffectSpeed: 700,
          labels: {
            finish: "Submit",
            next: "Next",
            previous: "Previous"
        }
    });
    $('.wizard > .steps li a').click(function(){
        $(this).parent().addClass('checked');
        $(this).parent().prevAll().addClass('checked');
        $(this).parent().nextAll().removeClass('checked');
    });
    // Custome Jquery Step Button
    $('.forward').click(function(){
        $("#wizard").steps('next');
    })
    $('.backward').click(function(){
        $("#wizard").steps('previous');
    })
    // Select Dropdown
    $('html').click(function() {
        $('.select .dropdown').hide(); 
    });
    $('.select').click(function(event){
        event.stopPropagation();
    });
    $('.select .select-control').click(function(){
        $(this).parent().next().toggle();
    })    
    $('.select .dropdown li').click(function(){
        $(this).parent().toggle();
        var text = $(this).attr('rel');
        $(this).parent().prev().find('div').text(text);
    })

})(window.jQuery);

1 Ответ

2 голосов
/ 22 января 2020 
<a href="#finish" role="menuitem">Sumit</a>

Эта форма не будет отправлена, если у нее нет type="submit"

. Вы можете запустить форму, добавив type="submit" или вручную, нажав jQuery

$('[href="#finish"]').click(function() {
    $('#wizard').submit();
})
...