Javascript Como criar a pastar gravar.jsp

Raul Corrales · 26 de novembro de 2020

Olá pessoal tudo bem? Sou iniciante em desenvolvimento web, e preciso fazer um forms gravar as informações em um banco de dados mysql (estou utilizando o xampp), alguem tem alguma instrução? Não tenho ideia de como estruturar o arquivo gravar.jsp

joseph_dev · 26 de novembro de 2020

Você está usando MVC? Orientado a Objeto? Vai ser tudo no mesmo arquivo (didático)? Tem várias formas de fazer isso.

Raul Corrales · 26 de novembro de 2020

@joseph_dev eu sou um tanto leigo, creio que seja melhor que eu mostre o meu código... Com base nesse código, como eu deveria estruturar o arquivo jsp que irá fazer a gravação?

<html>
     <head>
             
                     <link rel="stylesheet" type="text/css" href="style.css">
            
            <meta charset="utf-8">

            <link rel="shortcut icon" href="logo full.png" type='image/xicon'>
            <link rel="stylesheet" type="text/css" href="style_formulario.css">


            <script type="text/javascript">
                 
                 function verificar()
                  {
                      var nc, ap, naci, prof, ec, doc, ex, org, cpf, cnh, esc, dtnas, end, comp, bai, cep, cid, em, tell, cell, com, ou, con, fil, igr, como, cap, loc, dt; 

                      nc = document.inscricao.txtnome.value;
                      if (nc.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtnome.style.background="yellow";
                          document.inscricao.txtnome.focus();
                          return false;
                      }

                      ap = document.inscricao.txtapelido.value;
                      if (ap.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os campos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtapelido.style.background="yellow";
                          document.inscricao.txtapelido.focus();
                          return false;
                      }

                      naci= document.inscricao.txtnaci.value;
                      if (naci.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtnaci.style.background="yellow";
                          document.inscricao.txtnaci.focus();
                          return false;
                      }

                      prof = document.inscricao.txtprof.value;
                      if (prof.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtprof.style.background="yellow";
                          document.inscricao.txtprof.focus();
                          return false;
                      }

                      ec = document.inscricao.estcivil.value;
                      if (ec.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.estcivil.style.background="yellow";
                          document.inscricao.estcivil.focus();
                          return false;
                      }

                      doc = document.inscricao.txtdoc.value;
                      if (doc.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscrica.txtdoc.style.background="yellow";
                          document.inscricao.txtdoc.focus();
                          return false;
                      }

                      ex = document.inscricao.txtdiaexp.value;
                      if (ex.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtdiaexp.style.background="yellow";
                          document.inscricao.txtdiaexp.focus();
                          return false;
                      }

                      org = document.inscricao.txtorg.value;
                      if (org.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtorg.style.background="yellow";
                          document.inscricao.txtorg.focus();
                          return false;
                      }

                      cpf = document.inscricao.txtcpf.value;
                      if (cpf.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtcpf.style.background="yellow";
                          document.inscricao.txtcpf.focus();
                          return false;
                      }

                      cnh = document.inscricao.txtcnh.value;
                      if (cnh.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtcnh.style.background="yellow";
                          document.inscricao.txtcnh.focus();
                          return false;
                      }

                      esc = document.inscricao.escol.value;
                      if (cpf.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.escol.style.background="yellow";
                          document.inscricao.escol.focus();
                          return false;
                      }

                      dtnas = document.inscricao.txtlcnasc.value;
                      if (dtnas.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.ttxtlcnasc.style.background="yellow";
                          document.inscricao.txtlcnasc.focus();
                          return false;
                      }

                      end = document.inscricao.txtend.value;
                      if (end.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtend.style.background="yellow";
                          document.inscricao.txtend.focus();
                          return false;
                      }

                      comp = document.inscricao.txtcomp.value;
                      if (comp.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtcomp.style.background="yellow";
                          document.inscricao.txtcomp.focus();
                          return false;
                      }

                      bai = document.inscricao.txtbairro.value;
                      if (bai.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtbairro.style.background="yellow";
                          document.inscricao.txtbairro.focus();
                          return false;
                      }

                      cep = document.inscricao.txtcep.value;
                      if (cep.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtcep.style.background="yellow";
                          document.inscricao.txtcep.focus();
                          return false;
                      }

                      cid = document.inscricao.txtcid.value;
                      if (cid.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtcid.style.background="yellow";
                          document.inscricao.txtcid.focus();
                          return false;
                      }

                      em = document.inscricao.txtemail.value;
                      if (em.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtemail.style.background="yellow";
                          document.inscricao.txtemail.focus();
                          return false;
                      }

                      tell = document.inscricao.fonecasa.value;
                      if (tell.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.fonecasa.style.background="yellow";
                          document.inscricao.fonecasa.focus();
                          return false;
                      }

                      cell = document.inscricao.fonecel.value;
                      if (cell.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.fonecel.style.background="yellow";
                          document.inscricao.fonecel.focus();
                          return false;
                      }

                      com = document.inscricao.fonecom.value;
                      if (com.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.fonecom.style.background="yellow";
                          document.inscricao.fonecom.focus();
                          return false;
                      }

                      ou = document.inscricao.foneoutro.value;
                      if (ou.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.foneoutro.style.background="yellow";
                          document.inscricao.foneoutro.focus();
                          return false;
                      }

                      con = document.inscricao.txtconj.value;
                      if (con.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtconj.style.background="yellow";
                          document.inscricao.txtconj.focus();
                          return false;
                      }

                      fil = document.inscricao.txtson1.value;
                      if (fil.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtson1.style.background="yellow";
                          document.inscricao.txtson1.focus();
                          return false;
                      }

                      igr = document.inscricao.txtigr.value;
                      if (igr.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtigr.style.background="yellow";
                          document.inscricao.txtigr.focus();
                          return false;
                      }

                      como = document.inscricao.txttribo.value;
                      if (como.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txttribo.style.background="yellow";
                          document.inscricao.txttribo.focus();
                          return false;
                      }

                      cap = document.inscricao.txtcap.value;
                      if (cap.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtcap.style.background="yellow";
                          document.inscricao.txtcap.focus();
                          return false;
                      }

                      loc = document.inscricao.txtloc.value;
                      if (loc.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtloc.style.background="yellow";
                          document.inscricao.txtloc.focus();
                          return false;
                      }

                      dt = document.inscricao.txtdiax.value;
                      if (dt.lengh == 0)
                          {
                          alert("Verifique se preencheu corretamente todos os compos, caso não saiba ou não tenha o que foi pedido coloque X ou 0")
                          document.inscricao.txtdiax.style.background="yellow";
                          document.inscricao.txtdiax.focus();
                          return false;
                      }

                      document.inscricao.submit();
                  }


             </script>

             <title> FICHA DE INSCRIÇÃO </title>
             
             
     </head>
     
     <body>


         <header>
             
             <div class="container">
            
                <div id="logo">

                    <img src="logosuperior.png" height="250px">

                </div>

                

                    <div id="menu">

                    
                            <a href="index.html">Inicio</a>
                            <a href="eventos.html">Eventos</a>
                            <a href="parceiros.html">Parceiros</a>
                            <a href="quemsomos.html">Quem Somos</a>
                            <a href="contato.html">Contato</a>

                    </div>


         </header>

             <div id="divprincipal">
                 
             <div id="formulario">

                             <center><h2>FICHA DE INSCRIÇÃO</h2></center>
         <form name="inscricao" method="post" action="gravar.jsp">
             <b>Nome Completo:</b>
             <input type="text" name="txtnome" size="92"> 
             <br/> <br/>

             <b>Apelido pelo qual prefere ser chamado(a) (Nome no Colete):</b>
             <input type="text" name="txtapelido" size="50" maxlength="10"> 
             <br/> <br/>

             <b>Nacionalidade:</b>
             <input type="text" name="txtnaci" size="39">

             <b>Profissão:</b>
             <input type="text" name="txtprof" size="39"> 
             <br/> <br/>

             <b>Estado civil:</b>
             <input type="radio" name="estcivil" value="S"/> Solteiro(a).

             <input type="radio" name="estcivil" value="C"/> Casado(a).

             <input type="radio" name="estcivil" value="E"/> Em união estável.

             <input type="radio" name="estcivil" value="D"/> Divorciado(a)/Separado(a).

             <input type="radio" name="estcivil" value="V"/> Vìúvo(a).
             <br/> <br/>

             <b>Doc. de identidade nº</b>
             <input type="text" name="txtdoc" maxlength="13">

             <b>exped.></b>
             <input type="float" name="txtdiaexp" size="1" maxlength="2">
             /
             <input type="float" name="txtmesexp" size="1" maxlength="2"> 
             /
             <input type="float" name="txtanoexp" size="2" maxlength="4"> 

             <b>Órgão:</b>
             <input type="text" name="txtorg"> 
             <br/> <br/>

             <b>CPF nº.</b>
             <input type="text" name="txtcpf" size="21" maxlength="14"> 
             <br/> <br/>

             <b>CNH nº.</b>
             <input type="text" name="txtcnh" maxlength="11"> 
             <br/> <br/>

             <b>Escolaridade:</b>
             <input type="radio" name="escol" value="N"/> Não escolarizado(a).

             <input type="radio" name="escol" value="F"/> Fundamental.

             <input type="radio" name="escol" value="M"/> Médio.

             <input type="radio" name="escol" value="T"/> Técnico.

             <input type="radio" name="escol" value="S"/> Superior.

             <input type="radio" name="escol" value="A"/> Acima.
             <br/> <br/>

             <b>Data e local de nascimento:</b>
             <input type="float" name="txtdianasc" size="1" maxlength="2">
             /
             <input type="float" name="txtmesnasc" size="1" maxlength="2"> 
             /
             <input type="float" name="txtanonasc"size="2" maxlength="4"> 
             
             <input type="text" name="txtlcnasc" size="45">
             -
             <input type="text" name="txtufnasc" size="1" maxlength="2">
             <br/> <br/>

             <b>Endereço completo:</b>
             <input type="text" name="txtend">
             <br/> <br/>

             <b>complemento:</b>
             <input type="text" name="txtcomp">
             <br/> <br/>

             <b>bairro:</b>
             <input type="text" name="txtbairro">
             <br/> <br/>

             <b>CEP:</b>
             <input type="text" name="txtcep" maxlength="9">
             
             <b>Cidade/Estado:</b>
             <input type="text" name="txtcid">
             <br/> <br/>

             <b>E-mail(s):</b>
             <input type="text" name="txtemail">
             <br/> <br/>

             <b>Telefone(s):</b>
             <input type="text" name="fonecasa" maxlength="10"> residencial.

             <input type="text" name="fonecel" maxlength="11">celular.
             <br/> <br/>

             <input type="text" name="fonecom" maxlength="11"> comercial.

             <input type="text" name="foneoutro" maxlength="11"> outro.
             <br/> <br/>

             <b>Cônjuge:</b>
             <input type="text" name="txtconj" size="80">
             <br/> <br/>

             <b>Filhos:</b>
             <input type="text" name="txtson1" size="82">

             <input type="float" name="txtdiason1" size="1" maxlength="2">
             /
             <input type="float" name="txtmesson1" size="1" maxlength="2"> 
             /
             <input type="float" name="txtanoson1" size="2" maxlength="4"> 
             <br/> <br/>

             <input type="text" name="txtuson2" size="89">

             <input type="float" name="txtdiason2" size="1" maxlength="2">
             /
             <input type="float" name="txtmesson2" size="1" maxlength="2"> 
             /
             <input type="float" name="txtanoson2" size="2" maxlength="4"> 
             <br/> <br/>

             <input type="text" name="txtson3" size="89">

             <input type="float" name="txtdiason3" size="1" maxlength="2">
             /
             <input type="float" name="txtmesson3" size="1" maxlength="2"> 
             /
             <input type="float" name="txtanoson3"size="2" maxlength="4"> 
             <br/> <br/>

             <input type="text" name="txtson4" size="89">

             <input type="float" name="txtdiason4" size="1" maxlength="2">
             /
             <input type="float" name="txtmesson4" size="1" maxlength="2"> 
             /
             <input type="float" name="txtanoson4"size="2" maxlength="4"> 
             <br/> <br/>

             <b>Igreja que frequenta e local</b>
             <input type="text" name="txtigr" size="62"> 
             <br/> <br/>

             <b>Como conheceu o Motoclube Cristão Tribo de Judá:</b>
             <input type="text" name="txttribo" size="70"> 
             <br/> <br/>

             <b>Capítulo do Motoclube Cristão Tribo de Judá:</b>
             <input type="text" name="txtcap" size="76"> 
             <br/> <br/>


         

         <p>Eu, acima qualificado, declaro respeitar o Estatuto e demais regulamentos do Motoclube Cristão Tribo de Judá, bem como os princípios de vida cristã, comprometo-me a cumprir os seus preceitos e honrar o brasão do Moto Clube e acima de tudo o Evangelho de Jesus Cristo.</p>

         
             <center><b>Local</b>
             <input type="text" name="txtlocal" size="70"> 
             /
             <input type="text" name="txtloc" size="2"> 

             <b>Data</b>
             <input type="float" name="txtdiax" size="1" maxlength="2">
             /
             <input type="float" name="txtmesx" size="1" maxlength="2"> 
             /
             <input type="float" name="txtanox"size="2" maxlength="4"></center> 
         

         <center><p>Portanto, ide e fazei com que todos os povos da terra se tornem discípulos. Mateus 28:19</p></center>

         <center><p>Uns confiam em carros e outros em cavalos (motos), mas nós faremos mençãao do nome do Senhor nosso Deus. Salmos 20:7</p></center>

         <center><b>Motoclube Cristão Tribo de Judá</b></center>

         <center><input type="button" value="Enviar" onclick="verificar()"></center>

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