Arquivado
Este tópico foi arquivado e está fechado para novas respostas.
Passando dados do Formulario
Por
davidsander_@hotmail.com, em Javascript
Recommended Posts
-
Conteúdo Similar
-
Por silvagno
galera to com um problema que ja faz uns dias que não to conseguindo resolver..
eu to querendo fazer o seguinte : pegar os dados desse formulário e ao clicar em "adicionar membro" ele adicionar automaticamente na tabela de baixo ou de preferencia que salve os dados em um arquivo HTML para que outros usuários possa visualizar.
Cada vez que eu for adicionando vai criando uma nova linha e adicionando os dados..
<html> <head> </head> <body> <form role="form"> <div class="form-group"> <h2>Composição Familiar</h2> <form role="form" id="composicaoFamiliar" method="post"> <div class="form-group row"> <div class="col-xs-10"> <label for="nomeC">Nome Completo:</label> <input type="text" class="form-control" name="nomeC" id="nomeC" placeholder="Nome Completo" required="required" minlength="6" maxlength="20" pattern="[a-z\s]+$"><p> </div> <div class="col-xs-10 "> <label for="sexo">Sexo:</label> <input type="text" class="form-control" name="sexo" id="sexo" placeholder="Digite o sexo" required="required"><p> </div> <div class="col-xs-10 "> <label for="dataN">Data de Nascimento:</label> <input type="date" class="form-control" name="dataN" id="dataN" required="required"><p> </div> <div class="col-xs-10 "> <label for="idade">Idade:</label> <input type="number" class="form-control" name="idade" id="idade" required="required"><p> </div> <div class="col-xs-10 "> <label for="parentescoF">Parentesco Familiar:</label> <input type="text" class="form-control" name="parentescoF" id="parentescoF" placeholder="Digite o parentesco familiar" required="required"><p> </div> <div class="col-xs-10 "> <label for="defF">Deficiencia:</label> <input type="text" class="form-control" name="defF" id="defF" placeholder="Digite SIM ou NÃO" required="required"><p> </div> <div class="col-xs-8 "> </div> </div> <button id="adicionarM" type="submit" class="btn btn-default" ">Adicionar Membro</button> </form> <table class="table table-bordered" id="tabela"> <tbody> <tr> <th>Nome Completo</th> <th>Sexo</th> <th>Data de Nascimento</th> <th>Idade</th> <th>Parentesco Familiar</th> <th>Deficiencia?</th> </tr> </thead> <tbody> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </tbody> </table </form> <button id="botaocadastrar" type="submit" class="btn btn-default">Cadastrar >></button> <button id="botaovoltar" type="submit" class="btn btn-default"><< Voltar </button> </div> </form> </body> </html>
-
Por Tico_Web
Prezados amigos, boa noite. Estou trabalhando em um site antigo que usa perl, fomulários html enviados via cgi.bin. Estou encontrando dificuldades para inserir um comando de forma correta e que funcione para enviar os dados do formulário com copia oculta: Bcc ou Cco.
Solicito por favor alguém me dar essa dica. peguei esse site de uma associação para fazer manutenção sendo os forms todos em html cujo conteúdo principal fica na UOL e os Forms ficam na Locaweb em html e envio via cgi.
Preciso apenas ajustar o código para o form mandar a mensagem ao destinatário com cópia oculta ao administrador da empresa.
Sou auto-didata em programação, por isso solicito ajuda.
Abraço, aceito ajuda de todos que queiram me ajudar e me ensinar mais alguma coisa.
Meu face taí: https://www.facebook.com/FranciscoSerjusMG
Agradecimentos antecipados.
<html> <head> <title></title> </head> <body> <table align="center" border="1" cellpadding="10" cellspacing="5" style="width: 900px"> <head> <meta http-equiv="Content-Language" content="pt-br"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Serjus.com.br - Fale Conosco</title> <link rel="stylesheet" href="http://www.serjus.com.br/novos_estilos.css" type="text/css"> <base target=""> </head> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function abre_janela(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable) { toolbar_str = toolbar ? 'yes' : 'no'; menubar_str = menubar ? 'yes' : 'no'; statusbar_str = statusbar ? 'yes' : 'no'; scrollbar_str = scrollbar ? 'yes' : 'no'; resizable_str = resizable ? 'yes' : 'no'; window.open(url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',toolbar='+toolbar_str+',menubar='+menubar_str+',status='+statusbar_str+',scrollbars='+scrollbar_str+',resizable='+resizable_str); } // End --> </script> <body> <form method="POST" action="http://www.serjusanoregmg.com.br/cgi-local/enviaemail.cgi"> <INPUT TYPE=HIDDEN NAME="recipient" VALUE="suporte@serjus.com.br"> <INPUT TYPE=HIDDEN NAME="recipient" "Bcc: adm@serjusanoregmg.com.br\r\n"; <INPUT TYPE=HIDDEN NAME="required" VALUE="nome,email,cidade,estado,serventia,destinatario,pergunta"> <INPUT TYPE=HIDDEN NAME="subject" VALUE="Pergunta_Enviada_Pelo_Site"> <INPUT TYPE=HIDDEN NAME="env_report" VALUE="REMOTE_HOST,HTTP_USER_AGENT"> <INPUT TYPE=HIDDEN NAME="redirect" VALUE="http://www.serjusanoregmg.com.br/formularios/faleconosco/obrigado_fale_conosco_novo.html"> <tr> <td width="" style="border-style: none; border-width: medium" height="19" colspan="2"> <p align="center"><u><b><font size="4" face="Verdana" color="#000080"> Formulário para Contato</font></b></u></td> </tr> <tr> <td width="136" style="border-style: none; border-width: medium" height="19"> <b><font face="Verdana" size="2">E-mail para:</font></b></td> <td width="454" style="border-style: none; border-width: medium" height="19"> <select size="1" name="destinatario" style="font-family: Verdana" tabindex="1"> <option value="Francisco: Suporte Técnico Serjus-Anoreg/MG" selected>Francisco: Suporte Técnico Serjus-Anoreg/MG </option> </select></td> </tr> <tr> <td width="136" style="border-style: none; border-width: medium" height="19"> <b><font face="Verdana" size="2">Nome Completo:</font></b></td> <td width="454" style="border-style: none; border-width: medium" height="19"> <input type="text" name="nome" size="60" style="border: 1px solid #000080; font-family:Verdana; font-size:10 pt; color:#800000" tabindex="1" maxlength="53"></td> </tr> <tr> <td width="136" style="border-style: none; border-width: medium" height="19"> <b><font face="Verdana" size="2">Código Associado:</font></b></td> <td width="454" style="border-style: none; border-width: medium" height="19"> <!--webbot bot="Validation" b-value-required="TRUE" i-minimum-length="1" i-maximum-length="10" --> <input type="text" name="codigo_usuario" size="4" style="border: 1px solid #000080; color:#800000; font-family:Verdana; font-size:10 pt" tabindex="2" maxlength="10 "> <font face="Verdana" size="2">Preencher se for associado da SERJUS.</font></td> </tr> <tr> <td width="136" style="border-style: none; border-width: medium" height="19"> <b><font face="Verdana" size="2">E-mail:</font></b></td> <td width="454" style="border-style: none; border-width: medium" height="19"> <!--webbot bot="Validation" b-value-required="TRUE" i-maximum-length="53" --><input type="text" name="email" size="60" style="border: 1px solid #000080; color:#800000; font-family:Verdana; font-size:10 pt" tabindex="3" maxlength="53"></td> </tr> <tr> <td width="136" style="border-style: none; border-width: medium" height="19"> <b><font face="Verdana" size="2">Cidade / Estado:</font></b></td> <td width="454" style="border-style: none; border-width: medium" height="19"> <!--webbot bot="Validation" b-value-required="TRUE" i-maximum-length="45" --><input type="text" name="cidade" size="51" style="border: 1px solid #000080; color:#800000; font-family:Verdana; font-size:10 pt" tabindex="4" maxlength="45"> <b> <select size="1" name="estado" style="font-family: v" tabindex="5"> <option value="Acre">AC</option> <option value="Alagoas">AL</option> <option value="Amapá">AP</option> <option value="Amazonas">AM</option> <option value="Bahia">BA</option> <option value="Ceará">CE</option> <option value="Distrito Federal">DF</option> <option value="Espírito Santo">ES</option> <option value="Goiás">GO</option> <option value="Maranhão">MA</option> <option value="Minas Gerais">MG</option> <option value="Mato Grosso">MT</option> <option value="Mato Grosso do Sul">MS</option> <option value="Pará">PA</option> <option value="Paraná">PR</option> <option value="Paraíba">PB</option> <option value="Pernambuco">PE</option> <option value="Piauí">PI</option> <option value="Rio de Janeiro">RJ</option> <option value="Rio Grande do Norte">RN</option> <option value="Rio Grande do Sul">RS</option> <option value="Rondônia">RO</option> <option value="Roraima">RR</option> <option value="São Paulo">SP</option> <option value="Santa Catarina">SC</option> <option value="Sergipe">SE</option> <option value="Tocantins">TO</option> </select></b></td> </tr> <tr> <td width="136" style="border-style: none; border-width: medium" height="19"> <b><font face="Verdana" size="2">Serventia:</font></b></td> <td width="454" style="border-style: none; border-width: medium" height="19"> <select size="1" name="serventia" style="font-family: Verdana" tabindex="6"> <option value="Registro de Imóveis">Registro de Imóveis</option> <option value="Registro Civil das Pessoas Naturais">Registro Civil das Pessoas Naturais </option> <option value="Registro Civil das Pessoas Jurídicas">Registro Civil das Pessoas Jurídicas </option> <option value="Registro de Titulos e Documentos">Registro de Titulos e Documentos </option> <option value="Tabelionato de Protestos">Tabelionato de Protestos</option> <option value="Tabelionato de Notas">Tabelionato de Notas</option> <option value="Outros">Outros</option> </select></td> </tr> <tr> <td width="590" style="border-style: none; border-width: medium" height="18" colspan="2"> <p style="margin-top: 0; margin-bottom: 0"> <b><font face="Verdana" size="2">Preencha sua Pergunta ou Sugestão:</font></b><textarea rows="8" name="pergunta" cols="79" style="border: 1px solid #000080; color:#800000; font-family:Verdana; font-size:10 pt" tabindex="7"></textarea></p> <p style="margin-top: 0; margin-bottom: 0"><br> <input type="submit" value=" Enviar " name="btrenviar" style="color: #FFFFFF; font-family: Verdana; font-weight: bold; border: 1.0 solid #000000; background-color: #0484C8; font-size:10 pt" tabindex="9"> <input type="reset" value=" Limpar " name="btrlimpar" style="font-family: Verdana; color: #FFFFFF; font-weight: bold; border: 1.0 solid #000000; background-color: #0484C8; font-size:10 pt" tabindex="10"></p> </td> </tr> <tr> <td width="590" style="border-style: none; border-width: medium" height="35" colspan="2"> <hr color="#000000" width="590"> <p> </td> </tr> <tr> <td width="590" style="border-style: none; border-width: medium" height="19" align="center" colspan="2"> <p align="right"><a href="javascript:history.back()"> <img border="0" src="http://www.serjus.com.br/imagens/voltar.jpg" width="67" height="31"></a> <a href="javascript:window.print()"> <img border="0" src="http://www.serjus.com.br/imagens/imprimir.jpg" width="81" height="30"></a></td> </tr> </table> </body> </html>
-