Validación suma de 4 casillas igual a texto introducido

[makiaji]

Hola,

Estoy haciendo un formulario en el que tienes que indicar el total de unos elementos y luego las cantidades de los subitems. Todo se índica mediante select-lists.

Ejemplo:

TOTAL ÍTEMS: 7

Ítem 1 -> 3
Ítem 2 -> 1
Ítem 3 -> 2
Ítem 4 -> 1

Entonces la comprobación a hacer sería si la suma de los 4 ítems es igual al total que ha seleccionado y sino es así, lanzar un aviso.

Estoy realizando el formulario con el componente Breezingforms de Joomla en modo QuickMode pero supongo que podré introducir un Javascript.


Un saludo

[_cronos2]

Según he entendido, los números se seleccionan con selects. Si es así, para comprobarlo es fácil:

Código Javascript:

function comprobar(maxN){
 var s1 = document.getElementById('s1');
 var s2 = document.getElementById('s2');
 var s3 = document.getElementById('s3');
 var s4 = document.getElementById('s4');
 var suma = parseInt(s1.value) + parseInt(s2.value) + parseInt(s3.value) + parseInt(s4.value);
 if(suma != maxN){
  alert('La suma no coincide, compruebe los campos.');
  return false;
 }else{
  return true;
 }
}
 

Código HTML:

<form name='miForm' action='envio.php' method='post' onsubmit='return comprobar("7");'>
<!--No tengo muy claro si se tiene que poner "7" ó 7, así que prueba con los dos-->
<select id='s1'>
 <option value='1'>1</option>
 <option value='2'>2</option>
 <option value='3'>3</option>
</select>
<select id='s2'>
 <option value='1'>1</option>
 <option value='2'>2</option>
 <option value='3'>3</option>
</select>
<select id='s3'>
 <option value='1'>1</option>
 <option value='2'>2</option>
 <option value='3'>3</option>
</select>
<select id='s4'>
 <option value='1'>1</option>
 <option value='2'>2</option>
 <option value='3'>3</option>
</select>
<input type='submit' value='Enviar' />
</form>
 

Saludos (:

[makiaji]

Buenas,

El tema es que no es siempre 7, ese era un ejemplo. Tu puedes selecciona cualquier nº total al principio y luego tiene que coincidir con la suma de los 4 subtipos.

[_cronos2]

El 7 ese también era un ejemplo mío, donde pone 7 tienes que poner campo.value, donde campo es el el campo donde se debe introducir ese número.
Saludos (: