API tools faq
paste
Guest User

Untitled

a guest
Apr 21st, 2018
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.86 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="pt-br">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <link rel="stylesheet" href="default.css" />
  6. <script type="text/javascript" src="empresa.js"></script>
  7. <script type="text/javascript">
  8. function validatudo(){
  9.     var result1 = 0;
  10.     var result2 = 0;
  11.     if (validatexto()){
  12.         result1 = 1;
  13.     };
  14.     if (validatexto2()){
  15.         result2 = 1;
  16.     };
  17.     if (result1==1 && result2==1 && document.getElementById("job1").checked==true){
  18.         document.getElementsByTagName('form')[0].submit();
  19.         location.href="segundo.html"
  20.     };
  21.     if (result1==1 && result2==1 && document.getElementById("job2").checked==true){
  22.         document.getElementsByTagName('form')[0].submit();
  23.         location.href="terceiro.html"
  24.     };
  25. };
  26. function validatexto(){
  27.     if (document.getElementById("matricula").value==""){
  28.         alert("Digite sua matrícula");
  29.         document.getElementById("matricula").focus();
  30.         return false;
  31.     }
  32.     if (document.getElementById("curso").value==""){
  33.         alert("Digite seu curso");
  34.         document.getElementById("curso").focus();
  35.         return false;
  36.     }
  37.     if (document.getElementById("ano").value==""){
  38.         alert("Digite o ano em que você concluiu o curso");
  39.         document.getElementById("ano").focus();
  40.         return false;
  41.     }
  42.     if (document.getElementById("nome").value==""){
  43.         alert("Digite seu nome");
  44.         document.getElementById("nome").focus();
  45.         return false;
  46.     }
  47.     if (document.getElementById("rua").value==""){
  48.         alert("Digite sua rua");
  49.         document.getElementById("rua").focus();
  50.         return false;
  51.     }
  52.     if (document.getElementById("numero").value==""){
  53.         alert("Digite o número");
  54.         document.getElementById("numero").focus();
  55.         return false;
  56.     }
  57.     if (document.getElementById("bairro").value==""){
  58.         alert("Digite o seu bairro");
  59.         document.getElementById("bairro").focus();
  60.         return false;
  61.     }
  62.     if (document.getElementById("cidade").value==""){
  63.         alert("Digite sua cidade");
  64.         document.getElementById("cidade").focus();
  65.         return false;
  66.     }
  67.     if (document.getElementById("estado").value==""){
  68.         alert("Digite seu estado");
  69.         document.getElementById("estado").focus();
  70.         return false;
  71.     }
  72.     if (document.getElementById("cep").value==""){
  73.         alert("Digite seu cep");
  74.         document.getElementById("cep").focus();
  75.         return false;
  76.     }
  77.     if (document.getElementById("data").value==""){
  78.         alert("Data");
  79.         document.getElementById("data").focus();
  80.         return false;
  81.     }
  82.     if (document.getElementById("email").value==""){
  83.         alert("Digite seu e-mail");
  84.         document.getElementById("email").focus();
  85.         return false;
  86.     }
  87.     return true;
  88. };
  89. function validatexto2(){
  90.     if (document.getElementById('job1').checked==true){
  91.         return textovalida();
  92.     };
  93.     return true;
  94. };
  95. function textovalida(){
  96.     if (document.getElementById("empresa").value==""){
  97.         alert("Digite o nome da empresa");
  98.         document.getElementById("empresa").focus();
  99.         return false;
  100.     }
  101.     if (document.getElementById("departamento").value==""){
  102.         alert("Digite o departamento onde trabalha");
  103.         document.getElementById("departamento").focus();
  104.         return false;
  105.     }
  106.     if (document.getElementById("rua2").value==""){
  107.         alert("Digite a rua da empresa");
  108.         document.getElementById("rua2").focus();
  109.         return false;
  110.     }
  111.     if (document.getElementById("numero2").value==""){
  112.         alert("Digite o numero da empresa");
  113.         document.getElementById("numero2").focus();
  114.         return false;
  115.     }
  116.     if (document.getElementById("bairro2").value==""){
  117.         alert("Digite o bairro da empresa");
  118.         document.getElementById("bairro2").focus();
  119.         return false;
  120.     }
  121.     if (document.getElementById("cidade2").value==""){
  122.         alert("Digite a cidade da empresa");
  123.         document.getElementById("cidade2").focus();
  124.         return false;
  125.     }
  126.     if (document.getElementById("estado2").value==""){
  127.         alert("Digite o estado da empresa");
  128.         document.getElementById("estado2").focus();
  129.         return false;
  130.     }
  131.     if (document.getElementById("cep2").value==""){
  132.         alert("Digite o CEP da empresa");
  133.         document.getElementById("cep2").focus();
  134.         return false;
  135.     }
  136.     if (document.getElementById("comp0").checked==false
  137.     &&  document.getElementById("comp1").checked==false
  138.     &&  document.getElementById("comp2").checked==false
  139.     &&  document.getElementById("comp3").checked==false
  140.     &&  document.getElementById("comp4").checked==false
  141.     &&  document.getElementById("comp5").checked==false
  142.     &&  document.getElementById("comp6").checked==false
  143.     &&  document.getElementById("comp7").checked==false){
  144.         alert("Selecione a natureza da empresa");
  145.         return false;
  146.     }
  147.     if (document.getElementById("alr0").checked==false
  148.     &&  document.getElementById("alr1").checked==false){
  149.         alert("Selecione sim ou não se você já trabalhava nessa empresa");
  150.         return false;
  151.     }
  152.     if (document.getElementById("alr1").checked==true){
  153.         return senaotrabalhava();
  154.     }
  155.     return true;
  156. };
  157. function senaotrabalhava(){
  158.     if (document.getElementById("job_contrib0").checked==false
  159.     &&  document.getElementById("job_contrib1").checked==false){
  160.         alert("Se você não trabalhava na empresa, selecione se o curso contribuiu");
  161.         return false;
  162.     }
  163.     return true;
  164. };
  165. </script>
  166. <style type="text/css">
  167. #step1{
  168.     background-image:url("imagens/backbutton2.png");
  169. }
  170. </style>
  171. </head>
  172. <body>
  173. <div id="all">
  174.     <div id="logo">
  175.         <img src="imagens/logo.gif" />
  176.    
  177.     <p style="text-align:left;">Presado aluno egresso, <br /><br />
  178.     Temos uma enorme satisfa&ccedil;&atilde;o de saber como anda a sua vida profissional depois de obtido seu t&iacute;tulo em nossa institui&ccedil;&atilde;o. Para que possamos manter um v&iacute;nculo e oferecermos uma forma&ccedil;&atilde;o cont&iacute;nua, buscamos desenvolver o formul&aacute;rio abaixo.
  179.     </p>
  180.     </div>
  181.     <div id="nav">
  182.         <ul>
  183.             <li id="step1">Etapa 1</li>
  184.             <li id="step2">Etapa 2</li>
  185.             <li id="step3">Etapa 3</li>
  186.             <li id="step4">Etapa 4</li>
  187.             <li id="step5">Etapa 5</li>
  188.             <li id="step6">Etapa 6</li>
  189.             <li id="step7">Etapa 7</li>
  190.         </ul>
  191.     </div>
  192.  
  193.         <form name="formulario" onsubmit="validatexto();" >
  194.         <table>
  195.         <tr>
  196.             <td>
  197.                 Identifica&ccedil;&atilde;o:
  198.             </td>
  199.             <td>
  200.                 <input type="text" size="50" id="matricula" />
  201.             </td>
  202.         </tr>
  203.         <tr>
  204.             <td>
  205.                 Curso:
  206.             </td>
  207.             <td>
  208.                 <input type="text" size="50" id="curso"/>
  209.             </td>
  210.         </tr>
  211.         <tr>
  212.             <td>
  213.                 Ano de Conlus&atilde;o:
  214.             </td>
  215.             <td>
  216.                 <input type="text" size="50" id="ano"/>
  217.             </td>
  218.         </tr>
  219.         <tr>
  220.             <td>
  221.                 Nome Completo:
  222.             </td>
  223.             <td>
  224.                 <input type="text" size="50" id="nome"/>
  225.             </td>
  226.         </tr>
  227.         <tr>
  228.             <td>
  229.                 Rua:
  230.             </td>
  231.             <td>
  232.                 <input type="text" size="50" id="rua"/>
  233.             </td>
  234.         </tr>
  235.         <tr>
  236.             <td>
  237.                 N&ordm;:
  238.             </td>
  239.             <td>
  240.                 <input type="text" size="50" id="numero"/>
  241.             </td>
  242.         </tr>
  243.         <tr>
  244.             <td>
  245.                 Bairro:
  246.             </td>
  247.             <td>
  248.                 <input type="text" size="50" id="bairro"/>
  249.             </td>
  250.         </tr>
  251.         <tr>
  252.             <td>
  253.                 Cidade:
  254.             </td>
  255.             <td>
  256.                 <input type="text" size="50" id="cidade"/>
  257.             </td>
  258.         </tr>
  259.         <tr>
  260.             <td>
  261.                 Estado:
  262.             </td>
  263.             <td>
  264.                 <input type="text" size="50" id="estado"/>
  265.             </td>
  266.         </tr>
  267.         <tr>
  268.             <td>
  269.                 CEP:
  270.             </td>
  271.             <td>
  272.                 <input type="text" size="50" id="cep"/>
  273.             </td>
  274.         </tr>
  275.         <tr>
  276.             <td>
  277.                 Data de Nascimento:
  278.             </td>
  279.             <td>
  280.                 <input type="text" size="50" id="data"/>
  281.             </td>
  282.         </tr>
  283.         <tr>
  284.             <td>
  285.                 E-Mail:
  286.             </td>
  287.             <td>
  288.                 <input type="text" size="50" id="email"/>
  289.             </td>
  290.         </tr>
  291.         <tr>
  292.             <td>
  293.                 Telefone(com DDD):
  294.             </td>
  295.             <td>
  296.                 <input type="text" size="50" id="tel"/>
  297.             </td>
  298.         </tr>
  299.         <tr>
  300.             <td>
  301.                 FAX:
  302.             </td>
  303.             <td>
  304.                 <input type="text" size="50" id="fax"/>
  305.             </td>
  306.         </tr>
  307.         <tr>
  308.             <td>
  309.                 Celular:
  310.             </td>
  311.             <td>
  312.                 <input type="text" size="50" id="cell"/>
  313.             </td>
  314.         </tr>
  315.         <tr>
  316.             <td>
  317.                 Situa&ccedil;&atilde;o Atual:
  318.             </td>
  319.             <td>
  320.                 <input type="radio" name="job" id="job1" onclick="cresce('sobrempresa',5);"/> Empregado <input type="radio" name="job" id="job2" onclick="encolhe('sobrempresa',5)" checked/> Desempregado
  321.             </td>
  322.         </tr>
  323.         </table>
  324.         <div id="sobrempresa" style="height:0px;overflow:hidden">
  325.         <table>
  326.         <tr>
  327.             <td>
  328.                 Local Onde Trabalha:
  329.             </td>
  330.             <td>
  331.                 <input type="text" size="50" id="empresa"/>
  332.             </td>
  333.         </tr>
  334.         <tr>
  335.             <td>
  336.                 Departamento:
  337.             </td>
  338.             <td>
  339.                 <input type="text" size="50" id="departamento"/>
  340.             </td>
  341.         </tr>
  342.         <tr>
  343.             <td>
  344.                 Rua:
  345.             </td>
  346.             <td>
  347.                 <input type="text" size="50" id="rua2"/>
  348.             </td>
  349.         </tr>
  350.         <tr>
  351.             <td>
  352.                 N&ordm;:
  353.             </td>
  354.             <td>
  355.                 <input type="text" size="50" id="numero2"/>
  356.             </td>
  357.         </tr>
  358.         <tr>
  359.             <td>
  360.                 Bairro:
  361.             </td>
  362.             <td>
  363.                 <input type="text" size="50" id="bairro2"/>
  364.             </td>
  365.         </tr>
  366.         <tr>
  367.             <td>
  368.                 Cidade:
  369.             </td>
  370.             <td>
  371.                 <input type="text" size="50" id="cidade2"/>
  372.             </td>
  373.         </tr>
  374.         <tr>
  375.             <td>
  376.                 Estado:
  377.             </td>
  378.             <td>
  379.                 <input type="text" size="50" id="estado2"/>
  380.             </td>
  381.         </tr>
  382.         <tr>
  383.             <td>
  384.                 CEP:
  385.             </td>
  386.             <td>
  387.                 <input type="text" size="50" id="cep2"/>
  388.             </td>
  389.         </tr>
  390.         <tr>
  391.             <td>
  392.                 E-Mail:
  393.             </td>
  394.             <td>
  395.                 <input type="text" size="50" id="email2"/>
  396.             </td>
  397.         </tr>
  398.         <tr>
  399.             <td>
  400.                 Telefone(com DDD):
  401.             </td>
  402.             <td>
  403.                 <input type="text" size="50" id="tel2"/>
  404.             </td>
  405.         </tr>
  406.         <tr>
  407.             <td>
  408.                 FAX:
  409.             </td>
  410.             <td>
  411.                 <input type="text" size="50" id="fax2"/>
  412.             </td>
  413.         </tr>
  414.         </table>
  415.         <table>
  416.          Natureza da Empresa:
  417.         <tr>
  418.             <td>
  419.                 <input type="radio" name="comp_type" id="comp0" /> P&uacute;blica
  420.             </td>
  421.             <td>
  422.                 <input type="radio" name="comp_type" id="comp1" />Privada
  423.             </td>
  424.         </tr>
  425.         <tr>
  426.             <td>
  427.                 <input type="radio" name="comp_type" id="comp2" />Capital Misto
  428.             </td>
  429.             <td>
  430.                 <input type="radio" name="comp_type" id="comp3" />ONG
  431.             </td>
  432.         </tr>
  433.         <tr>
  434.             <td>
  435.                 <input type="radio" name="comp_type" id="comp4" />Sindicato
  436.             </td>
  437.             <td>
  438.                 <input type="radio" name="comp_type" id="comp5" />Cooperativa
  439.             </td>
  440.         </tr>
  441.         <tr>
  442.             <td>
  443.                 <input type="radio" name="comp_type" id="comp6" />Funda&ccedil;&atilde;o
  444.             </td>
  445.             <td>
  446.                 <input type="radio" name="comp_type" id="comp7" />Outro
  447.             </td>
  448.         </tr>
  449.         </table>
  450.         <table>
  451.          Voc&ecirc; j&aacute; trabalhava neste estabelecimento antes de concluir o curso?
  452.         <tr>
  453.             <td>
  454.                 <input type="radio" name="already_work" id="alr0" />Sim
  455.             </td>
  456.             <td>
  457.                 <input type="radio" name="already_work" id="alr1" />N&atilde;o
  458.             </td>
  459.         </tr>
  460.         </table>
  461.         <table>
  462.          Se voc&ecirc; n&atilde;o trabalhava neste estabelecimento, o curso que voc&ecirc; concluiu contribuiu para que voc&ecirc; conseguisse seu emprego atual?
  463.         <tr>
  464.             <td>
  465.                 <input type="radio" name="job_contrib" id="job_contrib0" />Sim
  466.             </td>
  467.             <td>
  468.                 <input type="radio" name="job_contrib" id="job_contrib1" />N&atilde;o
  469.             </td>
  470.         </tr>
  471.         </table>
  472.     </div>
  473.     <div id="buttons" style="text-align:right;">
  474.     <input type="reset" value="Limpar Campos" />
  475.     <input type="button" onclick="validatudo()" value="Próximo >>" />
  476.     </div>
  477.     </form>
  478. </div>
  479. </body>
  480. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!