problema con checkboxes e textfields

**ivanhalen** · 11-07-2005, 18:48

Salve,
Nella mia immensa ignoranza di javaScript non riesco a fare una cosa... o meglio, ci arrivo ma solo fino ad un certo punto...

Siccome è più facile vederlo che scriverlo, ecco il file:
http://www.ivanhalen.com/checkboxes.asp

In pratica ho due checkboxes "checkboxA" e "checkboxB" e due textfields "textfieldA" e "textfieldB": uno dei due checkboxes DEVE essere selezionato per forza (questo me lo fa "male": mi fa apparire l'alert ma mi invia cmq il form...)

se "checkboxA" è selezionato, allora "textfieldA" NON PUO' essere lasciato blank (e qui ci sono arrivato)

se "checkboxB" è selezionato, allora "textfieldB" NON PUO' essere lasciato blank: anche qui non riesco a muovermi, perchè la validazione di "textfiledA" in qualche maniera interferisce con questa...

Come posso fare? Potreste dare per favore un'occhiata al file postato più sopra?

Grazie in anticipo...

**cavicchiandrea** · 11-07-2005, 23:25

Originariamente inviato da ivanhalen
Salve,
Nella mia immensa ignoranza di javaScript non riesco a fare una cosa... o meglio, ci arrivo ma solo fino ad un certo punto...

Siccome è più facile vederlo che scriverlo, ecco il file:
http://www.ivanhalen.com/checkboxes.asp

In pratica ho due checkboxes "checkboxA" e "checkboxB" e due textfields "textfieldA" e "textfieldB": uno dei due checkboxes DEVE essere selezionato per forza (questo me lo fa "male": mi fa apparire l'alert ma mi invia cmq il form...)

se "checkboxA" è selezionato, allora "textfieldA" NON PUO' essere lasciato blank (e qui ci sono arrivato)

se "checkboxB" è selezionato, allora "textfieldB" NON PUO' essere lasciato blank: anche qui non riesco a muovermi, perchè la validazione di "textfiledA" in qualche maniera interferisce con questa...

Come posso fare? Potreste dare per favore un'occhiata al file postato più sopra?

Grazie in anticipo...

Questo fa le verifiche sui checkbox e text:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" language="javascript">
function verifica(obj){
textfieldA="";
textfieldB="";
if(obj.textfieldA.value=="" && obj.checkboxA.checked){
textfieldA="Qui scrivi l\'avviso che vuoi che appaia x il primo campo\n";
}
if(obj.textfieldB.value=="" && obj.checkboxB.checked){
textfieldB="Qui scrivi l\'avviso che vuoi che appaia x il secondo campo\n";
}
if((textfieldA!="")||(textfieldB!="")){
act="Attenzione!!!\n\n";
alert(act+textfieldA+textfieldB)
return false;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
</head>

<body>
<form name="form1" method="post" action="" onSubmit="return verifica(document.form1);">
  


    <input name="checkboxA" type="checkbox" id="checkboxA" value="checkbox">
    <input name="textfieldA" type="text" id="textfieldA">
</p>
  


    <input name="checkboxB" type="checkbox" id="checkboxB" value="checkbox">
    <input name="textfieldB" type="text" id="textfieldB">
</p>
  


    <input type="submit" name="Submit" value="Submit">
</p>
</form>
</body>
</html>

Ciao

**ivanhalen** · 11-07-2005, 23:47

Andrea, innanzitutto grazie della risposta!

Lo script che mi hai mandato è quasi perfetto! manca solo la validazione iniziale, quella che verifica che almeno uno dei due checkbox sia stato selezionato: che ci metto? e dove?

Grazie ancora per la disponibilità!

EDIT: ci sono arrivsato!

function verifica(obj){
cbfields="";
textfieldA="";
textfieldB="";
if((!obj.checkboxA.checked)&&(!obj.checkboxB.check ed)){
cbfields="* Selezionare almeno una lingua\n";
}
if(obj.textfieldA.value=="" && obj.checkboxA.checked){
textfieldA="* Il campo Titolo è obbligatorio\n";
}
if(obj.textfieldB.value=="" && obj.checkboxB.checked){
textfieldB="* Il campo Title è obbligatorio\n";
}
if((cbfields!="")||(textfieldA!="")||(textfieldB!= "")){
act="Attenzione!\n\n";
alert(act+cbfields+textfieldA+textfieldB)
return false;
}
}

é sintatticamente corretto?

**cavicchiandrea** · 12-07-2005, 00:01

sostituisci con questo script:

codice:

function verifica(obj){
textfieldA="";
textfieldB="";
checkboxA="";
if(!obj.checkboxA.checked && !obj.checkboxB.checked){
checkboxA="Seleziona almeno uno dei due campi\n";
}
if(obj.textfieldA.value=="" && obj.checkboxA.checked){
textfieldA="Qui scrivi l\'avviso che vuoi che appaia x la primo campo\n";
}
if(obj.textfieldB.value=="" && obj.checkboxB.checked){
textfieldB="Qui scrivi l\'avviso che vuoi che appaia x il secondo campo\n";
}
if((textfieldA!="")||(textfieldB!="")||(checkboxA!="")){
act="Attenzione!!!\n\n";
alert(act+checkboxA+textfieldA+textfieldB)
return false;
}
}

Ciao

Discussione: problema con checkboxes e textfields

Strumenti discussione

Ricerca discussione

Visualizza

problema con checkboxes e textfields

Re: problema con checkboxes e textfields

Permessi di invio