como enviar un formulario hecho con javascript

0 votos
preguntado por cipilusca (120 puntos) Ene 28, 2016 en HTML
Tengo el siguiente formulario de productos con los precios, subtotales y total final y quiero enviar la informacion para que me llegue a mi mail par ver lo que ha pedido el cliente. Podrian ayudarme a insertar el boton de envio que recopile toda la informacion sobre el producto elegido, la cantidad y el precio final. Este es el codigo donde he insertado un boton Enviar pero no me llega nada en el mail, me llega vacio.

<pre lang='html4strict'>
<form action="mailto:pedidos@frescoysabroso.es" method="get" enctype="text/plain">

<table width="620" height="319">
<tr>
<td width="168"></td>
<td width="92">Cantidad</td>
<td width="106">Precio</td>
<td width="327">Total</td>
</tr>
<tr>
<td>Platanos</td>
<td> <input type="text" size="3" id="platanos" value="0" onChange="calculo(this.value,precioplatanos.value,totalplatanos,total);" />
kg.</td>
<td> <input type="hidden" id="precioplatanos" value="1.6"/>
1,6</td>
<td> <input type="text" size="8" id="totalplatanos" value="0" />
EUR </td>
</tr>
<tr>
<td>Manzanas</td>
<td> <input type="text" size="3" id="manzanas" value="0" onChange="calculo(this.value,preciomanzanas.value,totalmanzanas,total);" />
kg.</td>
<td> <input type="hidden" id="preciomanzanas" value="3"/>
3 </td>
<td><input type="text" size="8" id="totalmanzanas" value="0" />
EUR </td>
</tr>
<tr>
<td>Peras</td>
<td> <input type="text" size="3" id="peras" value="0" onChange="calculo(this.value,precioperas.value,totalperas,total);" />
kg.</td>
<td> <input type="hidden" id="precioperas" value="2"/>
2</td>
<td> <input type="text" size="8" id="totalperas" value="0" />
EUR </td>
</tr>
<tr>
<td>Uvas</td>
<td> <input type="text" size="3" id="uvas" value="0" onChange="calculo(this.value,preciouvas.value,totaluvas,total);" />
kg.</td>
<td> <input type="hidden" id="preciouvas" value="9"/>
9</td>
<td> <input type="text" size="8" id="totaluvas" value="0" />
EUR </td>
</tr>
<tr>
<td>Melón</td>
<td> <input type="text" size="3" id="melon" value="0" onChange="calculo(this.value,preciomelon.value,totalmelon,total);" />
pieza</td>
<td><input type="hidden" id="preciomelon" value="4"/>
  4  </td>
<td> <input type="text" size="8" id="totalmelon" value="0" />EUR</td>
</tr>
<tr>
  <td>Melocotones</td>
  <td><input type="text" size="3" id="melocotones2" value="0" onChange="calculo(this.value,preciomelocotones.value,totalmelocotones,total);" />
  kg.</td>
  <td><input type="hidden" id="preciomelocotones2" value="5"/>
    5</td>
  <td><input type="text" size="8" id="totalmelocotones2" value="0" />
    EUR</td>
</tr>
<tr>
  <td>Melocotones</td>
  <td><input type="text" size="3" id="melocotones3" value="0" onChange="calculo(this.value,preciomelocotones.value,totalmelocotones,total);" />
  kg.</td>
  <td><input type="hidden" id="preciomelocotones3" value="5"/>
    5</td>
  <td><input type="text" size="8" id="totalmelocotones3" value="0" />
    EUR</td>
</tr>
<tr>
  <td>Melocotones</td>
  <td><input type="text" size="3" id="melocotones4" value="0" onChange="calculo(this.value,preciomelocotones.value,totalmelocotones,total);" />
  kg.</td>
  <td><input type="hidden" id="preciomelocotones4" value="5"/>
    5</td>
  <td><input type="text" size="8" id="totalmelocotones4" value="0" />
    EUR</td>
</tr>
<tr>
  <td>Melocotones</td>
  <td><input type="text" size="3" id="melocotones5" value="0" onChange="calculo(this.value,preciomelocotones.value,totalmelocotones,total);" />
  kg.</td>
  <td><input type="hidden" id="preciomelocotones5" value="5"/>
    5</td>
  <td><input type="text" size="8" id="totalmelocotones5" value="0" />
    EUR</td>
</tr>
<tr>
  <td>Cebolla</td>
  <td><input type="text" size="3" id="cebolla" value="0" onChange="calculo(this.value,preciocebolla.value,totalcebolla,total);" />
  kg.</td>
  <td><input type="hidden" id="preciocebolla" value="0.5"/>
    0,50</td>
  <td><input type="text" size="8" id="totalcebolla" value="0" />
    EUR</td>
</tr>
<tr>
<td>Total</td>
<td></td><td></td>
<td> <input type="text" id="total" size="8" value="0" />
EUR</td>
</tr>
</table>
<p>
  <label>
  <input type="submit" name="enviar" id="enviar" value="Enviar" />
  </label>
</p>
</form>

2 Respuestas

0 votos
respondido por lineadecodigo (4,420 puntos) Ene 28, 2016
@cipilusca,

Si lo quieres enviar directamente en HTML tienes que poner el atributo name con un valor dentro de los campos input.

<input name="precioplatanos" value=""/>
Tienes un ejemplo de envío en http://lineadecodigo.com/html/enviar-emails-desde-una-pagina-web/

Espero que esto te vaya ayudando.


0 votos
respondido por Ferxoo Kings (260 puntos) Jul 1, 2016

Preguntas relacionadas

0 votos
2 respuestas
preguntado por jabali (120 puntos) Ene 28, 2016 en HTML
0 votos
3 respuestas
preguntado por marin (120 puntos) Ene 28, 2016 en HTML
0 votos
1 respuesta
+1 voto
0 respuestas
Bienvenido a Dudas de Programación, donde puedes hacer preguntas y recibir respuestas sobre los problemas más frecuentes de los lenguajes de programación, frameworks de desarrollo y bases de datos que utilices. Foro de Línea de Código
...