script somma campi

Salve a Tutti!

Ho la necessità di verificare che la somma di cinque campi di un form sia pari a 20 (o cmq ad un numero definito).
Nel caso in cui la somma sia minore o maggiore la richiesta non viene processata (ipotizzavo un alert) fino a quando la somma di questi campi sia pari a 20.

Ho provato a fare questo codice, ma purtroppo non conosco a fondo lo javascript:crycry:..

Citazione:

---

<script type="text/javascript">
function verify(AGILITA, FORZA, RESISTENZA, RIFLESSI, TEMPRA)
{
SOMMA = AGILITA.value + FORZA.value + RESISTENZA.value + RIFLESSI.value + TEMPRA.value;
if (SOMMA > 20)
{
alert('La somma dei bonus deve essere pari a 20');
return false;
}
if (SOMMA < 20)
{
alert('La somma dei bonus deve essere pari a 20');
return false;
}
}
</script>


E nel form:
<form name="form1" method="post" action="do_registra_utente.php" onsubmit="return verify(AGILITA, FORZA, RESISTENZA, RIFLESSI, TEMPRA)">

---

infatti, in questo caso, anche se la somma è 20, appare un alert..
Come posso fare???

Posta tutto il form, comunque devi fare il casting ad int dei vari valori che tiri fuori prima di sommarli, altrimenti li concatena.

Eccolo qui:

Citazione:

---

<form name="form1" method="post" action="do_registra_utente.php" onsubmit="return verify(AGILITA, FORZA, RESISTENZA, RIFLESSI, TEMPRA)">
[.....]
<input name="AGILITA" type="text" class="textfieldBASE" id="AGILITA" size="20" maxlength="20">
<input name="FORZA" type="text" class="textfieldBASE" id="FORZA" size="20" maxlength="20">
<input name="RESISTENZA" type="text" class="textfieldBASE" id="RESISTENZA" size="20" maxlength="20">
<input name="RIFLESSI" type="text" class="textfieldBASE" id="RIFLESSI" size="20" maxlength="20">
<input name="TEMPRA" type="text" class="textfieldBASE" id="TEMPRA" size="20" maxlength="20">
<input type="submit" value="Registra" class="textfieldBASE" name="submit">
</form>

---

Tutto ciò nasce dall'esigenza di non far processare i dati dal server :roll:

Citazione:

---

Originalmente inviato da newrim

Tutto ciò nasce dall'esigenza di non far processare i dati dal server :roll:

---

Però ricorda che della gente disattiva javascript o il loro browser non lo supporta.

In questi casi è meglio lavorare lato server...

Grazie del consiglio:!::!::!:

Tuttavia, meglio mantenere anche il controllo attraverso uno script, che è più veloce!

Ovviamente, se è possibile farlo:wink:

Codice HTML:

---

<script type="text/javascript">
function verify(AGILITA, FORZA, RESISTENZA, RIFLESSI, TEMPRA)
{
var SOMMA =
        parseInt(document.getElementById(AGILITA).value) +
        parseInt(document.getElementById(FORZA).value) +
        parseInt(document.getElementById(RESISTENZA).value) +
        parseInt(document.getElementById(RIFLESSI).value) + 
        parseInt(document.getElementById(TEMPRA).value);

if(SOMMA != 20) {
        alert('La somma dei bonus deve essere pari a 20');
        return false;
}else
        return true;
}
</script>

---

fai così

Purtroppo così non funziona: non esce nessun alert :crycry: :crycry:


Allora, ho provato così:

Citazione:

---

<script language="JavaScript">
function verify()
{
var SOMMA =
document.form1.AGILITA.value +
document.form1.FORZA.value +
document.form1.RESISTENZA.value +
document.form1.RIFLESSI.value +
document.form1.TEMPRA.value;

if(SOMMA != 20) {
alert('La somma dei bonus deve essere pari a 20');
return false;
}else
return true;
}
</script>

<form name="form1" method="post" action="do_registra_utente.php" onsubmit="javascript: return verify();">

---

Tuttavia, anche se la somma è pari a 20 compara l'alert..

come posso fare?:confused:

Qui si può vedere in esecuzione lo script -che non funziona- : http://www.newrim.altervista.org/prova.php

Hai dimenticato una graffa

Codice HTML:

---

<script language="JavaScript">
function verify() {
var SOMMA = parseInt(document.form1.AGILITA.value) + parseInt(document.form1.FORZA.value) +
parseInt(document.form1.RESISTENZA.value) +
parseInt(document.form1.RIFLESSI.value) +
parseInt(document.form1.TEMPRA.value);

if(SOMMA != 20) {
  alert('La somma dei bonus deve essere pari a 20');
  return false;
} else { // qui mancava la graffa!
  return true;
  }
}
</script>

---

EDIT: puoi copiare anche quello di stoner, perchè è corretto, non mancano graffe.

Non va lo stesso..:=o:

Vedi il file prova.php

Copia il codice che ho postato io e vedrai che funziona :wink:!

Il tuo script è errato perchè non utilizzi parseInt, quindi nell variabile somma i numeri non vengono sommati ma si viene a creare una variabile del genere:
44444 e non 20!


P.S. Copiando il codice di stoner avresti risolto, soltanto che non so per quale strano motivo hai tolto parseInt ad ogni campo...

Scusa, ma è normale che non funziona se scrivi una cosa per un'altra.
questo è quello che dovresti avere

Codice HTML:

---

<script type="text/javascript">
function verify(AGILITA, FORZA, RESISTENZA, RIFLESSI, TEMPRA)
{
var SOMMA =
        parseInt(document.getElementById(AGILITA).value) +
        parseInt(document.getElementById(FORZA).value) +
        parseInt(document.getElementById(RESISTENZA).value) +
        parseInt(document.getElementById(RIFLESSI).value) + 
        parseInt(document.getElementById(TEMPRA).value);

if(SOMMA != 20) {
        alert('La somma dei bonus deve essere pari a 20');
        return false;
}else
        return true;
}
</script>

<form name="form1" method="post" action="do_registra_utente.php" onsubmit="return verify('AGILITA', 'FORZA', 'RESISTENZA', 'RIFLESSI', 'TEMPRA')"> 
[.....]
<input name="AGILITA" type="text" class="textfieldBASE" id="AGILITA" size="20" maxlength="20">
<input name="FORZA" type="text" class="textfieldBASE" id="FORZA" size="20" maxlength="20">
<input name="RESISTENZA" type="text" class="textfieldBASE" id="RESISTENZA" size="20" maxlength="20">
<input name="RIFLESSI" type="text" class="textfieldBASE" id="RIFLESSI" size="20" maxlength="20">
<input name="TEMPRA" type="text" class="textfieldBASE" id="TEMPRA" size="20" maxlength="20">
<input type="submit" value="Registra" class="textfieldBASE" name="submit">
</form>

---

Ciao.

Grazie!
Ora ho risolto!:top:

Perdonate la mia ignoranza in materia di javascript:crycry: