Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.
    • DiF

      Poste seus códigos corretamente!   21-05-2016

      Prezados membros do Fórum do Clube do Hardware, O Fórum oferece um recurso chamado CODE, onde o ícone no painel do editor é  <>     O uso deste recurso é  imprescindível para uma melhor leitura, manter a organização, diferenciar de texto comum e principalmente evitar que os compiladores e IDEs acusem erro ao colar um código copiado daqui. Portanto convido-lhes para ler as instruções de como usar este recurso CODE neste tópico:  
Isador

Javascript Formulário wizard não submete ao banco

Recommended Posts

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 

Editado por Isador

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário






Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações 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

×