Ir para conteúdo
Fórum Script Brasil
  • 0

Form De Venda - Action


Guest taichi

Pergunta

Olá !

Tudo beleza, pessoal ?

Meu nível de conhecimento de programação é baixo, sei somente javascript.

A pedido do meu pai, fiz para ele um formulário simples de venda em javascript, a partir de um modelo já pronto que peguei na internet. Contém 22 produtos, além de campos para o visitante informar seus dados e forma de pagamento. No final do formulário, é mostrado o valor total da compra efetuada.

Cada produto traz a opção de comprar mais de uma unidade.

Bem, minha dúvida é: O que devo fazer para que as informações enviadas pelos clientes, através do formulário, cheguem a nós de forma legível ?

Procurei serviços gratuitos de interpretação de formulários, mas todos que encontrei já ofereciam um formulário pronto. Quando eu tentava adaptar esse formulário ao de venda que eu criei, não dava certo. Nem o e-mail do cliente era enviado.

Tentei procurar algum serviço que fornecesse apenas as linhas necessárias para que os dados dos clientes, enviados pelo formulário de venda, fossem interpretados, mas não encontrei algo assim.

Envio aqui o código:

----------------------

<form action="http://utilweb.com.br/formulario.cgi" method="POST">

<CENTER>

<P><B><FONT face="Times New Roman" color=red size=5>Formulário eletrônico para

compras online</FONT></B><FONT face="Times New Roman" color=red>

<HR align=center>

</FONT>

<P></P></CENTER>

<H2>Dados:</H2>

<P><PRE><B>

Empresa </B><INPUT maxLength=100 size=45 name=empresa><B>

Endereço </B><INPUT maxLength=50 size=40 name=endereco><B> Cx.P. </B><INPUT maxLength=7 size=7 name=cxp><B>

Cidade </B><INPUT maxLength=35 size=33 name=cidade><B> UF </B><INPUT maxLength=2 size=4 name=uf><B>

Fone </B><INPUT maxLength=15 size=15 name=fone><B> Fax </B><INPUT maxLength=15 size=15 name=fax><B>

CGC/MF </B><INPUT maxLength=18 name=cgc><B> Inscr. Est. </B><INPUT maxLength=15 size=18 name=ie><B>

E-mail </B><INPUT maxLength=30 size=25 name=email><B>

Responsável </B><INPUT maxLength=60 size=45 name=nome><B>

</B></PRE>

<H2>Produtos</H2>

<P><B>No caso de quantidades acima de 1.000, digite sem o ponto (Ex.: 1.500 =

1500).</B></P>

<CENTER>

<P>

<TABLE border=3 bordercolor="#000000">

<TBODY>

<TR>

<TH> <P><font size="3">Métodos</font></P></TH>

<TH vAlign=bottom align=left> <P align=left>Quantidade </P></TH>

<TH vAlign=bottom align=left> <P align=left>Preço unitário </P></TH>

</TR>

<TR>

<TD><font size="3"><strong><a href='java script: metodo01()'>Baixo Elétrico(prof.

Luiz de Moraes).</a></strong></font></TD>

<TD align=middle> <CENTER> <CENTER>

<input maxlength=6 onChange=CalculateOrder(this.form) size=5 name=p1>

</CENTER></TD>

<TD><strong>R$ 40,00</strong></TD>

</TR>

<TR>

<TD><font size="3"><strong><a href="java script: metodo02()">Bateria(prof.

Anderson de Moraes).</a></strong></font></TD>

<TD align=middle> <CENTER>

<P>

<INPUT maxLength=6 onchange=CalculateOrder(this.form) size=5 name=p2>

</P>

</CENTER></TD>

<TD><strong>R$ 40,00</strong></TD>

</TR>

<TR>

<TD><font size="3"><strong><a href="java script: metodo03()">Bateria(prof.

João Batera).</a></strong></font></TD>

<TD align=middle> <CENTER>

<P>

<INPUT maxLength=6 onchange=CalculateOrder(this.form) size=5 name=p3>

</P>

</CENTER></TD>

<TD><strong>R$ 40,00</strong></TD>

</TR>

<TR>

<TD><font size="3"><strong><a href="java script: metodo04()">Canto(prof.

Luiz de Moraes).</a></strong></font></TD>

<TD align=middle> <CENTER>

<P>

<INPUT maxLength=6 onchange=CalculateOrder(this.form) size=5 name=p4>

</P>

</CENTER></TD>

<TD><strong>R$ 30,00</strong></TD>

</TR>

<TR>

<TD><font size="3"><strong><a href="java script: metodo05()">Cavaco e

Banjo(prof. Luiz de Moraes).</a></strong></font></TD>

<TD align=middle> <CENTER>

<P>

<INPUT maxLength=6 onchange=CalculateOrder(this.form) size=5 name=p5>

</P>

</CENTER></TD>

<TD><strong>R$ 30,00</strong></TD>

</TR>

<TR>

<TD><font size="3"><strong><a href="java script: metodo06()">Gaita de

Boca Harmônica(prof. Luiz de Moraes).</a></strong></font></TD>

<TD align=middle> <CENTER>

<P>

<INPUT maxLength=6 onchange=CalculateOrder(this.form) size=5 name=p6>

</P>

</CENTER></TD>

<TD><strong>R$ 30,00</strong></TD>

</TR>

<TR>

<TD><font size="3"><strong><a href="java script: metodo07()">Guitarra

Elétrica(prof. Luiz de Moraes).</a></strong></font></TD>

<TD align=middle> <CENTER>

<P>

<INPUT maxLength=6 onchange=CalculateOrder(this.form) size=5 name=p7>

</P>

</CENTER></TD>

<TD><strong>R$ 40,00</strong></TD>

</TR>

<TR>

<TD><font size="3"><strong><a href="java script: metodo08()">Harmonização(prof.

Luiz de Moraes).</a></strong></font></TD>

<TD align=middle> <CENTER>

<P>

<INPUT maxLength=6 onchange=CalculateOrder(this.form) size=5 name=p8>

</P>

</CENTER></TD>

<TD><strong>R$ 30,00</strong></TD>

</TR>

<TR>

<TD><font size="3"><strong><a href="java script: metodo09()">Teclado

e Piano(prof. Luiz de Moraes).</a></strong></font></TD>

<TD align=middle> <CENTER>

<P>

<INPUT maxLength=6 onchange=CalculateOrder(this.form) size=5 name=p9>

</P>

</CENTER></TD>

<TD><strong>R$ 40,00</strong></TD>

</TR>

<TR>

<TD><font size="3"><strong><a href="java script: metodo10()">Teoria(prof.

Luiz de Moraes).</a></strong></font></TD>

<TD align=middle> <CENTER>

<P>

<INPUT maxLength=6 onchange=CalculateOrder(this.form) size=5 name=p10>

</P>

</CENTER></TD>

<TD><strong>R$ 30,00</strong></TD>

</TR>

<TR>

<TD><font size="3"><strong><a href="java script: metodo11()">Violão e

Guitarra Acústica(prof. Luiz de Moraes).</a></strong></font></TD>

<TD align=middle> <CENTER>

<P>

<INPUT maxLength=6 onchange=CalculateOrder(this.form) size=5 name=p11>

</P>

</CENTER></TD>

<TD><strong>R$ 40,00</strong></TD>

</TR>

</TBODY>

</TABLE>

<p>&nbsp;</p><hr>

<p>&nbsp;</p>

</P></CENTER>

<TABLE border=3 align="center" bordercolor="#000000">

<TBODY>

<TR>

<TH> <P>Revistas</P></TH>

<TH vAlign=bottom align=left> <P align=left>Quantidade </P></TH>

<TH vAlign=bottom align=left> <P align=left>Preço unitário </P></TH>

</TR>

<TR>

<TD><strong><font size="3"><a href="java script:revista01()">Tok Teclado

Nº1.</a></font></strong></TD>

<TD align=middle> <CENTER> <CENTER>

<input maxlength=6 onChange=CalculateOrder(this.form) size=5 name=pr1>

</CENTER></TD>

<TD><strong>R$ 15,00</strong></TD>

</TR>

<TR>

<TD><strong><font size="3"><a href="java script:revista02()">Tok Teclado

Nº2.</a></font></strong></TD>

<TD align=middle> <CENTER> <CENTER>

<input maxlength=6 onChange=CalculateOrder(this.form) size=5 name=pr2>

</CENTER></TD>

<TD><strong>R$ 15,00</strong></TD>

</TR>

<TR>

<TD><strong><font size="3"><a href="java script:revista03()">Tok Teclado

Nº3.</a></font></strong></TD>

<TD align=middle> <CENTER> <CENTER>

<input maxlength=6 onChange=CalculateOrder(this.form) size=5 name=pr3>

</CENTER></TD>

<TD><strong>R$ 15,00</strong></TD>

</TR>

<TR>

<TD><strong><font size="3"><a href="java script:revista04()">Tok Teclado

Nº4.</a></font></strong></TD>

<TD align=middle> <CENTER> <CENTER>

<input maxlength=6 onChange=CalculateOrder(this.form) size=5 name=pr4>

</CENTER></TD>

<TD><strong>R$ 15,00</strong></TD>

</TR>

<TR>

<TD><strong><font size="3"><a href="java script:revista05()">Tok Teclado

Nº5.</a></font></strong></TD>

<TD align=middle> <CENTER> <CENTER>

<input maxlength=6 onChange=CalculateOrder(this.form) size=5 name=pr5>

</CENTER></TD>

<TD><strong>R$ 15,00</strong></TD>

</TR>

<TR>

<TD><strong><font size="3"><a href="java script:revista06()">Tok Teclado

Nº6.</a></font></strong></TD>

<TD align=middle> <CENTER> <CENTER>

<input maxlength=6 onChange=CalculateOrder(this.form) size=5 name=pr6>

</CENTER></TD>

<TD><strong>R$ 15,00</strong></TD>

</TR>

<TR>

<TD><strong><font size="3"><a href="java script:revista07()">Tok Teclado

Nº7.</a></font></strong></TD>

<TD align=middle> <CENTER> <CENTER>

<input maxlength=6 onChange=CalculateOrder(this.form) size=5 name=pr7>

</CENTER></TD>

<TD><strong>R$ 15,00</strong></TD>

</TR>

<TR>

<TD><strong><font size="3"><a href="java script:revista08()">Tok Teclado

Nº8.</a></font></strong></TD>

<TD align=middle> <CENTER> <CENTER>

<input maxlength=6 onChange=CalculateOrder(this.form) size=5 name=pr8>

</CENTER></TD>

<TD><strong>R$ 15,00</strong></TD>

</TR>

<TR>

<TD><strong><font size="3"><a href="java script:revista09()">Tok Teclado

Nº9.</a></font></strong></TD>

<TD align=middle> <CENTER> <CENTER>

<input maxlength=6 onChange=CalculateOrder(this.form) size=5 name=pr9>

</CENTER></TD>

<TD><strong>R$ 15,00</strong></TD>

</TR>

<TR>

<TD><strong><font size="3"><a href="java script:revista10()">Tok Sucessos.</a></font></strong></TD>

<TD align=middle> <CENTER> <CENTER>

<input maxlength=6 onChange=CalculateOrder(this.form) size=5 name=pr10>

</CENTER></TD>

<TD><strong>R$ 02,50</strong></TD>

</TR>

<TR>

<TD><strong><font size="3"><a href="java script:revista11()">Tok Teclado.</a></font></strong></TD>

<TD align=middle> <CENTER> <CENTER>

<input maxlength=6 onChange=CalculateOrder(this.form) size=5 name=pr11>

</CENTER></TD>

<TD><strong>R$ 09,00</strong></TD>

</TR>

</TBODY>

</TABLE>

<P>

<H2>Detalhes</H2>

<P><B>Informações detalhadas sobre o pedido.</B></P><PRE><B> Quantidade - Valor unitário - Descrição

</B><TEXTAREA name=discrimina rows=7 cols=60 onchange=CalculateOrder(this.form) VALUE></TEXTAREA><B>

Subtotal R$ </B><INPUT onchange=CalculateOrder(this.form) size=9 name=subtotal><B>

Desconto % </B><INPUT onchange=CalculateOrder(this.form) size=9 name=desconto><B>

Total R$ </B><INPUT onchange=CalculateOrder(this.form) size=9 name=total><B>

</B><B><!-- Local $ <INPUT TYPE="text" NAME="Local_Currency" VALUE="" SIZE=7 onChange="CalculateOrder(this.form)">-->

</B></PRE>

<H2>Forma de pagamento</H2>

<UL><PRE><B> </B><INPUT type=radio value=vale_postal name=pagamento><B> Vale postal

</B><INPUT type=radio value=deposito name=pagamento><B> Depósito bancário

</B><B><!-- <INPUT TYPE=radio NAME=pagamento VALUE=Invoice> Invoice me <INPUT TYPE=radio NAME=pagamento VALUE="Credit card via online"> Credit card via online (fill details below) -->

</B></PRE></UL>

<P><B><!-- <UL><PRE>Card Type <INPUT TYPE=radio NAME=Card_type VALUE=Visa> Visa <INPUT TYPE=radio NAME=Card_type VALUE=Mastercard> Mastercard <INPUT TYPE=radio NAME=Card_type VALUE=AMEX> American ExpressCard Number <INPUT TYPE=text NAME=Card_No SIZE=16 MAXLENGTH=16>Cardholder <INPUT TYPE=text NAME=Card_Name SIZE=40>Expiry Date <INPUT TYPE=text NAME=Card_Expiry SIZE=5></PRE></UL> --></B>

<H2>Comentários</H2>

<P><PRE><B>(Opcional)

</B><TEXTAREA name=comentario rows=4 cols=40></TEXTAREA><B>

</B></PRE>

<P><FONT face=arial size=3>

br>

<input type="hidden" name="recipient" value="taichi@wnetrj.com.br">

<input type="hidden" name="redirect" value="www.google.com.br"><input type="submit" value="Enviar">

<input type="reset" value="Limpar"><br>

<script>

//<INPUT onclick=ValidateOrder(this.form) type=button value="Processar a ordem e enviar">

//<INPUT onclick=form.Empresa.focus() type=reset value=Refazer></FONT></P>

</script>

<P>

<script language=JavaScript>

<!-- //

document.forms[0].empresa.focus()

// --></SCRIPT>

</P>

<P><BR></P>

<P align=center><SPAN

style="LEFT: 0px; WIDTH: 150px; POSITION: relative; TOP: 0px; HEIGHT: 148px">

<CENTER>

<P></P>

<P><BR><BR><BR>

<TABLE bgColor=yellow border=0>

<TBODY>

<TR>

<TD bgColor=black><INPUT onclick="window.location='java script:history.go(-1)'" type=button value="<<<==--- Voltar ---==>>>" name=home></TD></TR></TBODY></TABLE></CENTER></SPAN></FORM>

----------------------------

Desde já,

muito obrigado!

Barros

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

taichi seja bem vindo......

pra fazer o envio do formulário você vai precisar de uma Linguagem Slide-Server (ou algo assim), que seria a linguagem dinâmica...

que eu conheça temos o PHP, o ASP, o CGI e JSP..... sendo as duas primeiras as mais usadas atualmente........

Tipo, no fórum de ASP aqui na ScriptBrasil tem um tópico ensinando como fazer isso.......

dá uma procuradinha lá ou no de PHP mesmo...

mas assim... seu servidor TEM que suportar a linguagem escolhida..........

da uma olhada primeiro no servidor que a página será hospedada e veja se ele suporta um dos dois... ai depois procure aqui no fórum que com certeza você vai achar a sua resposta.... e qualquer dúvida estamos ai..... :D

Abs...

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...