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.
Pergunta
Guest taichi
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> </p><hr>
<p> </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
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.