Ir ao conteúdo
  • Cadastre-se

Javascript Formulário wizard não submete ao banco


Posts recomendados

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 

Link para o comentário
Compartilhar em outros sites

  • 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...