Ir ao conteúdo

Posts recomendados

Postado

Olá, pessoal!

Quando clico em "Finish" no meu wizard form, ele não submete ao banco. Alguém pode dá uma help, por favor?

Já tentei diversas alternativas e até o momento nada. :(

 

Parte do HTML

      <form id="wizard_with_validation" action="../Model/Moto/cadastro_checklist_moto.php" method="POST">
                        

                                <h3>Itens Mecânicos</h3>
                                <fieldset>
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                        <label for="">1-Nível de Óleo do Motor</label>
                                                  <div class="demo-radio-button">
                                                    
                                                    <input name="item1-mec" type="radio" id="radio_1" class="radio-col-blue" required="" value="B" />
                                                    <label for="radio_1">B</label>
                                                    
                                                    
                                                    <input name="item1-mec" type="radio" id="radio_2" class="radio-col-yellow" value="R" />
                                                    <label for="radio_2">R</label>

                                                    
                                                    <input name="item1-mec" type="radio" id="radio_3" class="radio-col-red" value="A"/>
                                                    <label for="radio_3">A</label>

                                                    
                                                     <input name="item1-mec" type="radio" id="radio_4" class="radio-col-gray" value="NC"/>
                                                     <label for="radio_4">NC</label>

                                                    
                                                     <input name="item1-mec" type="radio" id="radio_5" class="radio-col-green" value="NA" />
                                                     <label for="radio_5">NA</label>

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


                                </fieldset>

                                  <h3>Pneus</h3>
                                <fieldset>


                                             <div class="form-group form-float">
                                        <div class="form-line">
                                        <label for="">1-Dianteiro    </label>
                                                  
                                                  <div class="demo-radio-button">
                                                    
                                                    <input name="item1-pneu" type="radio" id="radio_238" class="radio-col-blue" value="B" required=""/>
                                                    <label for="radio_238">B</label>
                                                    
                                                    
                                                    <input name="item1-pneu" type="radio" id="radio_239" class="radio-col-yellow" value="R"/>
                                                    <label for="radio_239">R</label>

                                                    
                                                    <input name="item1-pneu" type="radio" id="radio_240" class="radio-col-red" value="A"/>
                                                    <label for="radio_240">A</label>

                                                    
                                                     <input name="item1-pneu" type="radio" id="radio_241" class="radio-col-gray" value="NC" />
                                                     <label for="radio_241">NC</label>
                                                 
                                                     <input name="item1-pneu" type="radio" id="radio_242" class="radio-col-green" value="NA" />
                                                     <label for="radio_242">NA</label>

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



                                             <div class="form-group form-float">
                                        <div class="form-line">
                                        <label for="">2-Traseiro    </label>
                                                  
                                                  <div class="demo-radio-button">
                                                    
                                                    <input name="item2-pneu" type="radio" id="radio_243" class="radio-col-blue" required="" value="B"/>
                                                    <label for="radio_243">B</label>
                                                    
                                                    
                                                    <input name="item2-pneu" type="radio" id="radio_244" class="radio-col-yellow" value="R" />
                                                    <label for="radio_244">R</label>

                                                    
                                                    <input name="item2-pneu" type="radio" id="radio_245" class="radio-col-red" value="A" />
                                                    <label for="radio_245">A</label>

                                                    
                                                     <input name="item2-pneu" type="radio" id="radio_246" class="radio-col-gray" value="NC" />
                                                     <label for="radio_246">NC</label>
                                                 
                                                     <input name="item2-pneu" type="radio" id="radio_247" class="radio-col-green" value="NA"/>
                                                     <label for="radio_247">NA</label>

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

                                </fieldset>
                                
                         

                               
                            </form>

Parte do JS (form-wizard)

 

$(function () {
    //Horizontal form basic
    $('#wizard_horizontal').steps({
        headerTag: 'h2',
        bodyTag: 'section',
        transitionEffect: 'slideLeft',
        onInit: function (event, currentIndex){
            setButtonWavesEffect(event);
        },
        onStepChanged: function (event, currentIndex, priorIndex){
            setButtonWavesEffect(event);
        }
    });

    //Vertical form basic
    $('#wizard_vertical').steps({
        headerTag: 'h2',
        bodyTag: 'section',
        transitionEffect: 'slideLeft',
        stepsOrientation: 'vertical',
        onInit: function (event, currentIndex) {
            setButtonWavesEffect(event);
        },
        onStepChanged: function (event, currentIndex, priorIndex) {
            setButtonWavesEffect(event);
        }
    });

    //Advanced form with validation
    var form = $('#wizard_with_validation').show();
    form.steps({
        headerTag: 'h3',
        bodyTag: 'fieldset',
        transitionEffect: 'slideLeft',
        onInit: function (event, currentIndex){
            $.AdminBSB.input.activate();

            //Set tab width
            var $tab = $(event.currentTarget).find('ul[role="tablist"] li');
            var tabCount = $tab.length;
            $tab.css('width', (100 / tabCount) + '%');

            //set button waves effect
            setButtonWavesEffect(event);
        },
        onStepChanging: function (event, currentIndex, newIndex) {
            if (currentIndex > newIndex) { return true; }

            if (currentIndex < newIndex) {
                form.find('.body:eq(' + newIndex + ') label.error').remove();
                form.find('.body:eq(' + newIndex + ') .error').removeClass('error');
            }

            form.validate().settings.ignore = ':disabled,:hidden';
            return form.valid();
        },
        onStepChanged: function (event, currentIndex, priorIndex) {
            setButtonWavesEffect(event);

        },
        onFinishing: function (event, currentIndex) {
          form.validate().settings.ignore = ':disabled';

           return form.valid();

            

        },
        onFinished: function (event, currentIndex) {
         swal("Good job!", "Submitted!", "success");
        
        }
    });

    form.validate({
        highlight: function (input) {
            $(input).parents('.form-line').addClass('error');
        },
        unhighlight: function (input) {
            $(input).parents('.form-line').removeClass('error');
        },
        errorPlacement: function (error, element) {
            $(element).parents('.form-group').append(error);
        }
    });
});

function setButtonWavesEffect(event) {
    $(event.currentTarget).find('[role="menu"] li a').removeClass('waves-effect');
    $(event.currentTarget).find('[role="menu"] li:not(.disabled) a').addClass('waves-effect');
}

Em anexo, está o outro arquivo que compõe, (jquery steps.js) (trocar o .csv por .js)

jquery.steps.csv 

  • mês depois...

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

Ebook grátis: Aprenda a ler resistores e capacitores!

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!