Passando valores de campo de formulario para outro campo no mesmo formulário

20 de setembro de 2010 4 respostas

sentinela 20 de setembro de 2010

Prezados Amigos,
Sou novo aqui no fórum e novo também em programação, preciso de ajuda para solucionar uma dúvida:

Estou desenvolvendo um formulário para cotação de seguro de automóvel, para enviar dados pela função mail(), até ai tudo ótimo, mas o problema é que este formulário pede o preenchimento dos dados pessoais do “segurado” (nome, cpf, endereço, nasciment…) e pede os mesmos dados do “Principal Motorista”, o problema que em boa parte, o segurado e principal motorista são a mesma pessoa, e gostaria que funcionasse da seguinte forma:

Neste formulário tem um Campo Seletor com a pergunta: “Relação do Segurado com o principal motorista” se a seleção for “O próprio” preencher automaticamente os campos do formulário (sem necessidade de armazenar em banco de dados) e caso a seleção seja por exemplo “Filho ou Conjuge” deixar o campo habilitado para preencher os dados, pois serão dados diferentes dos já preenchido.

Digo que não desejo ajuda de BD pois se trata do mesmo formulário em que no final de tudo serão enviadas todas as informações pela função mail() do php, portanto preciso saber como programar este script java dentro do formulário.html e o que será necessário apontar no envio-formulario.php

Espero ter explicado com clareza.
Abraços!

4 Respostas

gilbueno 20 de set. de 2010

certo, acho que a melhor solução seria com javascript

acho que fica mais fácil de explicar como vc deve fazer se descrever o código html aqui no forum

se você usa PHP acho melhor começar a procurar um bom framework, recomendo CakePHP,
ou mude pra Java que é a melhor opção :lol:

sentinela 20 de set. de 2010

Gil
Não tem como inserir um script java no form para enviar os dados via mail() do php? Segue html

<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
<title>Documento sem título</title>
<link href=“1.css” rel=“stylesheet” type=“text/css” />
</head>

<body>

<center> <h1>Cotação de Seguro Auto</h1> </center>

<h2>Dados do segurado:</h2> <hr /> <table id="Td" border="0"> <tbody> <tr align="middle" bgcolor="#f4f4f4"> <td><strong>NOME COMPLETO SEGURADO:</strong> <input value="Fisica" checked="checked" type="radio" name="pessoa" /> Pessoa Fisica <input value="JuriDIca" type="radio" name="pessoa" /> Pessoa Jurídica
<input name="nomeproponente" type="text" size="97" /> </td> <td><strong>CPF/CNPJ:</strong>
<input name="cnpjproponente" type="text" size="40" /> </td> </tr> </tbody> </table> <table id="Td" border="0" width="100%"> <tbody> <tr align="middle" bgcolor="#f4f4f4"> <td><strong>SEXO:</strong>
<select name="sexoproponente"> <option selected="selected" value="">Selecione</option> <option value="Masculino">Masculino</option> <option value="Feminino">Feminino</option> </select></td> <td><strong>FILHOS:</strong>
<select name="filhosproponente"> <option selected="selected" value="Nenhum">Não</option> <option value="01">01 filho</option> <option value="02 vezes">02 filhos</option> <option value="03 vezes">03 filhos</option> <option value="mais de 3 vezes">Mais de 3 filhos</option> </select></td> <td><strong>EST. CIVIL:</strong>
<select name="estcivilproponente"> <option selected="selected" value="">Selecione</option> <option value="Casado">Casado</option> <option value="Solteiro">Solteiro</option> <option value="Viúvo">Viúvo</option> <option value="Separado">Separado</option> <option value="Divorciado">Divorciado</option> <option value="Outros">Outro</option> </select></td> <td><strong>NASCIMENTO:</strong>
<input type="text" name="nascproponente" /></td> </tr> <tr align="middle" bgcolor="#f4f4f4"> <td><strong>PROFISSÃO:</strong>
<input type="text" name="profissaoproponente" /></td> <td><strong>ESTUDA?</strong>
<select name="estudaproponente"> <option selected="selected" value="">Selecione</option> <option value="Não estuda">Não estuda</option> <option value="Está estudando">Está estudando</option> </select></td> <td><strong>FOI VÍTIMA DE ROUBO:</strong>
<select name="vdAutoRoubo"> <option selected="selected" value="Nunca">Nunca</option> <option value="01 vez">Uma vez</option> <option value="02 vezes">02 vezes</option> <option value="03 vezes">03 vezes</option> <option value="mais de 3 vezes">Mais de 3 vezes</option> </select></td> <td><strong>MOTORISTA PRINCIPAL:</strong>
<select name="vdAutoRelacao"> <option selected="selected" value="O Próprio">Será o segurado</option> <option value="Cônjuge">Será o Cônjuge</option> <option value="Filho">Será o Filho(a)</option> <option value="Pai/Mãe">Será o Pai/Mãe</option> <option value="Empregado">Será o Empregado</option> <option value="Outros">Outros</option> </select></td> </tr> </tbody> </table> <hr /> <h2>Motorista Principal:</h2> <hr /> <table id="Td" border="0"> <tbody> <tr align="middle" bgcolor="#f4f4f4"> <td><strong>NOME COMPLETO SEGURADO:</strong> <input value="Fisica" checked="checked" type="radio" name="pessoa" /> Pessoa Fisica <input value="JuriDIca" type="radio" name="pessoa" /> Pessoa Jurídica
<input name="nomeproponente" type="text" size="97" /> </td> <td><strong>CPF/CNPJ:</strong>
<input name="cnpjproponente" type="text" size="40" /> </td> </tr> </tbody> </table> <table id="Td" border="0" width="100%"> <tbody> <tr align="middle" bgcolor="#f4f4f4"> <td><strong>SEXO:</strong>
<select name="sexoproponente"> <option selected="selected" value="">Selecione</option> <option value="Masculino">Masculino</option> <option value="Feminino">Feminino</option> </select></td> <td><strong>FILHOS:</strong>
<select name="filhosproponente"> <option selected="selected" value="Nenhum">Não</option> <option value="01">01 filho</option> <option value="02 vezes">02 filhos</option> <option value="03 vezes">03 filhos</option> <option value="mais de 3 vezes">Mais de 3 filhos</option> </select></td> <td><strong>EST. CIVIL:</strong>
<select name="estcivilproponente"> <option selected="selected" value="">Selecione</option> <option value="Casado">Casado</option> <option value="Solteiro">Solteiro</option> <option value="Viúvo">Viúvo</option> <option value="Separado">Separado</option> <option value="Divorciado">Divorciado</option> <option value="Outros">Outro</option> </select></td> <td><strong>NASCIMENTO:</strong>
<input type="text" name="nascproponente" /></td> </tr> <tr align="middle" bgcolor="#f4f4f4"> <td><strong>PROFISSÃO:</strong>
<input type="text" name="profissaoproponente" /></td> <td><strong>ESTUDA?</strong>
<select name="estudaproponente"> <option selected="selected" value="">Selecione</option> <option value="Não estuda">Não estuda</option> <option value="Está estudando">Está estudando</option> </select></td> <td><strong>FOI VÍTIMA DE ROUBO:</strong>
<select name="vdAutoRoubo"> <option selected="selected" value="Nunca">Nunca</option> <option value="01 vez">Uma vez</option> <option value="02 vezes">02 vezes</option> <option value="03 vezes">03 vezes</option> <option value="mais de 3 vezes">Mais de 3 vezes</option> </select></td> </tr> </tbody> </table>

thiagobaptista 20 de set. de 2010

Amigo, acho que você está se confundindo de fórum e de linguagem de programação…

Isso que você está perguntando é sobre Javascript, e NÃO sobre Java. Java e Javascript são coisas completamente diferentes.

Java é uma linguagem para a criação de softwares completos, independentes de plataforma que rodam sob um programa chamado Java Virtual Machine. Já o Javascript é uma linguagem para a manipulação de páginas e aplicações web que rodam no navegador (Firefox, Opera etc.).

Tudo bem, a confusão é proposital. Os criadores do Javascript fizeram isso como jogada de marketing, pra “colar” a imagem de sua linguagem de script (que antes se chamava “LiveScript”) com a linguagem Java, que nascia na época.

Mas quanto ao seu problema, a solução seria mudar dinamicamente o CSS do formulário de acordo com a seleção, tornando sua propriedade “display” em “none”.

Crie uma função em Javascript (que, lembrando, não é Java ) que recupere uma referência ao seu segundo formulário e altere seu CSS como te falei, e a associe ao evento onClick do seu radioButton.

Mas você já considerou usar uma biblioteca Javascript como o JQuery? Facilitará muito sua vida. O código ficaria assim mais ou menos:

$("#meu_radiobutton").click(function(){ $("#meu_outro_form").hide(); });

sentinela 20 de set. de 2010

Opa! Desculpe a ignorância…rsrs
Obrigado!

Criado 20 de setembro de 2010

Ultima resposta 20 de set. de 2010

Respostas 4

Participantes 3

4 Respostas

Topicos relacionados