elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Estamos en la red social de Mastodon


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  formulario en javascript		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: formulario en javascript  (Leído 1,829 veces)
Giankaa

Desconectado Desconectado

Mensajes: 24


Ver Perfil
formulario en javascript
« en: 29 Noviembre 2015, 19:29 pm »
Necesito ayuda, debo ingresar ciertos datos en un formulario y hacer una operación, el resultado de la operación que se muestre en un recuadro con la etiqueta <div>.
He hecho esto:
Código
  1. <!DOCTYPE html>
  4. 	<title>Trabajo Final</title>
  5. 	<meta charset="utf-8">
  6. 	<script type="text/javascript" src="../js/javascript.js"></script>
  7. 	<link rel="stylesheet" type="text/css" href="../css/estilos.css">
  8.  
  9. </head>
  11.  
  12.  
  13.    <form id="contacto-frm" name="contacto_frm" action="" method="get" enctype="application/x-www-form-urlencoded">
  14.    <img src="imagen.jpg">
  15.         <table sTYLE="table-layout:fixed">
  16.  
  17.         <tr>
  18.         <td >
  19.         <label for="lecturaactual">Lectura Actual  : </label>
  20.         <input type="number" id="lecturaactual" name="lecturaactual_numb">
  21.         </td>
  22.  
  23.         <td>
  24.         <p>Consumo m3</p>
  25.  
  26.         <div id="consumo">0</div>
  27.         </td>
  28.         </tr>
  29.  
  30.         <tr>
  31.         <td > 
  32.         <label for="lecturaanterior">Lectura Anterior: </label>
  33.         <input type="number" id="lecturaanterior" name="lecturaanterior_numb">
  34.         </td>
  35.  
  36.         <td>
  37.         <p align="center">Subsidio</p>
  38.         </td>
  39.         <td>
  40.         <p align="center">Contribución</p>
  41.         </td>
  42.         </tr>
  43.  
  44.         <tr>
  45.           <td >
  46.         <label for="estrato">Estrato </label>
  47.         <select class="estilo" id="estrato" name="estrato">
  48.           <option value="1">1</option>
  49.           <option value="2">2</option>
  50.           <option value="3">3</option>
  51.           <option value="4">4</option>
  52.           <option value="5">5</option>
  53.         </select>
  54.           </td>
  55.  
  56.         <td >
  57.         <div id="subsidio">0</div>
  58.         </td>
  59.  
  60.         <td >
  61.         <div id="contribucion">0</div>
  62.         </td>
  63.  
  64.         </tr>
  65. <tr>
  66.   <td>
  67.     <input type="button" id="agretabla" class="boton" name="agretabla_btn" value="Agregar a tabla +" >
  68.   </td>
  69.   <td>Valor Subtotal:</td>
  70.  
  71.   <td>
  72.  
  73.     <div>1564</div>
  74.   </td>
  75.  
  76.   <td>
  77.     <input type="button" id="calcular" class="boton" name="calcular_btn" value="Calcular" >
  78.   </td>
  79.  
  80. </tr>
  81.  
  82.         </table>
  83.         <table>
  84.           <tr>
  85.             <td>Estrato</td>
  86.             <td>Consumo</td>
  87.             <td>Subsidio/Contribución</td>
  88.             <td>Subtotal</td>
  89.           </tr>
  90.           <tr>
  91.             <td>adgf</td>
  92.           </tr>
  93.  
  94.         </table>
  95.  
  96.    </form>
  97.    <script type="text/javascript">
  98.    var prinum=document.getElementById("lecturaactual");
  99.    var segnum=document.getElementById("lecturaanterior");
  100.    document.getElementById("consumo").innerHTML=" "+consumo(prinum,segnum);
  101.    </script>
  102. </body>
  103. </html>

En el codigo javascript esto:

Código
  1. function agregartabla(){
  2. 	alert("Validando");
  3. }
  4. function subtotal(){
  5. 	//alert("Calculando");
  6. 	var verificar=true;
  7. 	var formulario=document.getElementById("contacto_frm");
  8. 	var lecturaactual=document.getElementById("lecturaactual");
  9. 	var lecturaanterior=document.getElementById("lecturaanterior");
  10. 	if (lecturaactual.value=="") {
  11. 		alert("El campo lectura actual es requerido");
  12. 		lecturaactual.focus();
  13. 		verificar=false;
  14. 	}else if (isNaN(lecturaactual.value)) {
  15. 		alert("El campo lectura actual Sólo acepta números");
  16. 		lecturaactual.focus();
  17. 		verificar=false;
  18. 	}else if (lecturaanterior.value=="") {
  19. 		alert("El campo lectura anterior es requerido");
  20. 		lecturaanterior.focus();
  21. 		verificar=false;
  22. 	}else if (isNaN(lecturaanterior.value)) {
  23. 		alert("El campo lectura anterior Sólo acepta números");
  24. 		lecturaanterior.focus();
  25. 		verificar=false;
  26. 	}else if (lecturaanterior.value>lecturaactual.value) {
  27. 		alert("El campo lectura anterior debe ser inferior al campo lectura actual");
  28. 		lecturaanterior.focus();
  29. 		verificar=false;
  30. 	}
  31. 	if (verificar==true) {
  32. 		alert("Se ha enviado el formulario");
  33. 	}
  34.  
  35. 	document.contacto_frm.submit();
  36. }
  37. window.onload=function(){
  38. 	var botontabla, botonsubtotal;
  39. 	botontabla=document.getElementById("agretabla");
  40. 	botontabla.onclick=agregartabla;
  41. 	botonsubtotal=document.contacto_frm.calcular_btn;
  42. 	botonsubtotal.onclick=subtotal;
  43. }
  44. function consumo(x,y){
  45. 	var s=x-y;
  46. 	return s;
  47. }

necesito que ese resultado, el del consumo se muestre en el recuadro del consumo. graciassssssssssss
En línea
eLank0
eLhAcKeR r00Lz


Desconectado Desconectado

Mensajes: 1.062



Ver Perfil WWW
Re: formulario en javascript
« Respuesta #1 en: 30 Noviembre 2015, 11:30 am »
Código
  1. document.getElementById("consumo").innerHTML = consumo(x,y);
En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Return en formulario (javascript)
Desarrollo Web 		Feedeex 1 2,914 Último mensaje 27 Agosto 2011, 06:03 am
por Shell Root
Formulario con javascript y php onclick etc...
PHP 		nobo 4 6,360 Último mensaje 2 Marzo 2012, 22:42 pm
por nobo
javascript bypassear hash de un formulario
Desarrollo Web 		Kaxperday 5 4,426 Último mensaje 18 Agosto 2016, 15:41 pm
por Kaxperday
Como usar DOS submits en el mismo formulario con action javascript
Desarrollo Web 		sk1pp3r 1 2,234 Último mensaje 6 Diciembre 2016, 16:53 pm
por [u]nsigned
Problemas al rellenar formulario con javascript
Desarrollo Web 		0xFer 3 2,435 Último mensaje 12 Abril 2017, 02:56 am
por 0xFer
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines