Operaciones en campos de formulario

0 - , , - 02/04/2006 00:00:00

El siguiente script nos permite sumar u realizar otras operaciones entre campos de formulario. Útil por ejemplo para carros de la compra o formularios en el que se tengan que obtener resultados a partir de campos introducidos por el visitante.

1.-El script autosuma dos cajas pero es fácilmente extrapolable para hacer otro tipo de operaciones añadir más cajas, etc, sería el siguiente

<script type="text/javascript">
function Sumar(){
      interval = setInterval("calcular()",1);
}
function calcular(){
      uno = document.autoSumForm.PrimeraCaja.value;
      dos = document.autoSumForm.SegundaCaja.value; 
      document.autoSumForm.TerceraCaja.value = (uno * 1) + (dos * 1);
}
function NoSumar(){
      clearInterval(interval);
}
</script>

2.-Creamos un formulario con el nombre 'autoSumForm'

<form name="autoSumForm">
<input type=text name="PrimeraCaja" value="" onFocus="Sumar();" onBlur="NoSumar();"> + 
<input type=text name="SegundaCaja" value="" onFocus="Sumar();" onBlur="NoSumar();"> = 
<input type=text name="TerceraCaja">
</form>

Deja tu comentario

  • El comentario debe estar relacionado con el contenido de la entrada.
  • Comentarios ofensivos, con spam o con lenguaje inapropiado serán eliminados.

captcha