Come posso rendere obbligatorio un drop down menu?

[Darkan85]

Salve a tutti, sono da poco diventato ufficialmente e "Adobecertificatamente" 00 web master ma mi serve esperienza, ripassare e darci dentro, questo lo so.
Anche per questo mi sono iscritto qui! :byebye::byebye:

Sono alle prese col mio primo sito!

Ho creato un drop down menu con tutte le province italiane nella mia pagina di registrazione (dove tutti i campi sono obbligatori).
Il drop down menu però va' reso obbligatorio con uno script javascript. Ma quello che ho creato non funziona. Ed è probabile che non abbia capito bene...visto che in javascript sono proprio agli inizi!

Sapreste dirmi come si fa? O eventualmente dirmi correggermi dove ho sbagliato? Grazie mille!

Ecco il mio script:

function controllaprovincia(modulo) {	 //modulo è il nome del mio form
if (modulo.provincia.value == "") {	         //provincia è il nome del mio jump menu ed il valore è vuoto cioè NULL.
alert ("Devi inserire una provincia");	         //l'alert è il messaggio di errore che darà.
modulo.provinica.focus();	
return false;	
};

if (modulo.provincia.value != "AG") {
alert ("scegli la provincia è obbligatorio");
modulo.provincia.focus();
modulo.provincia.select();
return false;
};
</script>
return true
};

Grazie a chiunque mi sarà d'aiuto.
Progressivamente spero di prendere parte al forum attivamente.

Dario.

 

[alessandro1997]

Intanto ti consiglio di modificare così lo script:

function controllaProvincia(provincia)
{
    if (provincia.value == "") {
        alert("Devi inserire una provincia");
        provinica.focus();

        return false;
    }

    /*
    if (provincia.value != "AG") {
        alert("scegli la provincia è obbligatorio");
        provincia.focus();

        return false;
    }
    */
    
    return true
}

E di fare attenzione, la prossima volta, all'indentazione e alla leggibilità del codice.

Come vedi ho apportato due modifiche: ho fatto in modo che come parametro fosse accettata solo la select invece che l'intero form (cosa non necessaria), quindi ora dovrai modificare il tuo codice di conseguenza; inoltre, ho commentato una parte che on ho capito: perché mostri errore se non viene selezionata la provincia di Agrigento? L'utente non è libero di selezionare la provincia che preferisce?

P.S. La prossima volta che scrivi codice in un post assicurati di racchiuderlo tra gli appositi tag, al fine di evitare la cancellazione del post stesso.

 

[Darkan85]

Intanto mi scuso per gli eventuali errori di leggibilità del mio post.
In futuro li eviterò senz'altro.
E ti ringrazio anche per avermi risposto!

In realtà il mio intento era quello di evitare che un utente si scordasse di scegliere la provincia. E quindi volevo far si che se l'utente non clicca e seleziona volontariamente Agrigento, ma lo lascia di default, gli appariva l'errore che scegliere la provincia è obbligatorio.

Se non si fa così...come si fa?

Siccome sto anche cercando di capire bene la logica di javascript, se non ti reca troppo disturbo e quando hai tempo, mi spiegheresti qualcosa?
Perché evidentemente nel mio intento ho sbagliato! Ma volevo capire come si fa e farlo bene con le mie mani questo script.

 

[alessandro1997]

Costruisci così la tua select:

<select name="provincia" id="provincia">
    <option value="0" selected>Scegli una provincia:</option>
    <!-- tutte le altre opzioni -->
</select>

E cambia così la funzione:

function controllaProvincia(provincia)
{
    if (provincia.value == "0") {
        alert("Devi inserire una provincia");
        provincia.focus();

        return false;
    }

    return true
}

 

[Darkan85]

Ho fatto come mi hai detto. Ma quando provo a registrarmi senza mettere la provincia...mi fa registrare tranquillamente. Non riesco a capire il perchè!
Sbaglio a mettere lo script nell'head? Ma non credo...i javascript li metto lì di solito. No so proprio altrimenti cosa sbaglio...

 

[alessandro1997]

Puoi postare l'intera pagina HTML?

 

[Darkan85]

Certamente! Questa è la mia pagina di registrazione!
Ti ringrazio molto per l'interesse. Almeno capisco certi meccanismi, dove sbaglio e miglioro sempre di più!

<?php require_once('Connections/connessione_sito_nuova_motoroom.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") 
{
  if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
  }

  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);

  switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;    
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
  }
  return $theValue;
}
}

// *** Redirect if username exists
$MM_flag="MM_insert";
if (isset($_POST[$MM_flag])) {
  $MM_dupKeyRedirect="user_esistente.php";
  $loginUsername = $_POST['username'];
  $LoginRS__query = sprintf("SELECT username FROM clienti WHERE username=%s", GetSQLValueString($loginUsername, "text"));
  mysql_select_db($database_connessione_sito_nuova_motoroom, $connessione_sito_nuova_motoroom);
  $LoginRS=mysql_query($LoginRS__query, $connessione_sito_nuova_motoroom) or die(mysql_error());
  $loginFoundUser = mysql_num_rows($LoginRS);

  //if there is a row in the database, the username was found - can not add the requested username
  if($loginFoundUser){
    $MM_qsChar = "?";
    //append the username to the redirect page
    if (substr_count($MM_dupKeyRedirect,"?") >=1) $MM_qsChar = "&";
    $MM_dupKeyRedirect = $MM_dupKeyRedirect . $MM_qsChar ."requsername=".$loginUsername;
    header ("Location: $MM_dupKeyRedirect");
    exit;
  }
}

$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
  $editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}

if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "modulo")) {
  $insertSQL = sprintf("INSERT INTO clienti (nome, cognome, data_di_nascita, username, password, email, indirizzo, citta, provincia, cap, livello_utente, autorizzo, acconsento, non_acconsento) VALUES (%s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s)",
                       GetSQLValueString($_POST['nome'], "text"),
                       GetSQLValueString($_POST['cognome'], "text"),
                       GetSQLValueString($_POST['data_di_nascita'], "text"),
                       GetSQLValueString($_POST['username'], "text"),
                       GetSQLValueString($_POST['password'], "text"),
                       GetSQLValueString($_POST['email'], "text"),
                       GetSQLValueString($_POST['indirizzo'], "text"),
                       GetSQLValueString($_POST['citta'], "text"),
                       GetSQLValueString($_POST['provincia'], "text"),
                       GetSQLValueString($_POST['cap'], "int"),
                       GetSQLValueString($_POST['livello_utente'], "text"),
                       GetSQLValueString(isset($_POST['autorizzo']) ? "true" : "", "defined","'Y'","'N'"),
                       GetSQLValueString(isset($_POST['acconsento']) ? "true" : "", "defined","'Y'","'N'"),
                       GetSQLValueString(isset($_POST['non_acconsento']) ? "true" : "", "defined","'Y'","'N'"));

  mysql_select_db($database_connessione_sito_nuova_motoroom, $connessione_sito_nuova_motoroom);
  $Result1 = mysql_query($insertSQL, $connessione_sito_nuova_motoroom) or die(mysql_error());

  $insertGoTo = "registrazione_ok.php";
  if (isset($_SERVER['QUERY_STRING'])) {
    $insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
    $insertGoTo .= $_SERVER['QUERY_STRING'];
  }
  header(sprintf("Location: %s", $insertGoTo));
}
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- InstanceBegin template="/Templates/Template.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
    <meta name="language" content="it-IT" />
	<meta name="rating" content="general" />
	<meta name="copyright" content="Nuova Motoroom ©" />
	<!-- InstanceBeginEditable name="doctitle" -->
	<title>Registrazione - Officina Nuova Motoroom</title>
	<!-- InstanceEndEditable -->
	<link rel="stylesheet" type="text/css" href="try.css" media="all" />
	<!--[if IE]>
	<style type="text/css" media="all">.borderitem {border-style: solid;}</style>
	<![endif]-->
<!-- InstanceBeginEditable name="head" -->



<script language="Javascript" type="text/javascript">

function controllapassword(modulo) {
if (modulo.password.value == "") {
alert("Errore: inserire una password!")
modulo.password.focus()
return false
}
if (modulo.password.value != modulo.password_di_convalida.value) {
alert("La password inserita non coincide con la prima!")
modulo.password.focus()
modulo.password.select()
return false
}
return true
}

</script>

<script type="text/javascript" language="JavaScript">
<!--
function checkCheckBoxes(modulo) {
	if (
	modulo.autorizzo.checked == false)
	{
		alert ('Per proseguire occorre accettare le clausole');
		return false;			
	} else { 
	if (coontrollapassword(modulo)==false)
{ return false;}	
		return true;
	}
}
function MM_validateForm() { //v4.0
  if (document.getElementById){
    var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
    for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
      if (val) { nm=val.name; if ((val=val.value)!="") {
        if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
          if (p<1 || p==(val.length-1)) errors+='- '+nm+' deve contenere un indirizzo email corretto\n';
        } else if (test!='R') { num = parseFloat(val);
          if (isNaN(val)) errors+='- '+nm+' deve contenere un valore numerico\n';
          if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
            min=test.substring(8,p); max=test.substring(p+1);
            if (num<min || max<num) errors+='- '+nm+' deve contenere un numero compreso tra '+min+' e '+max+'.\n';
      } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' e necessario.\n'; }
    } if (errors) alert('Si sono verificati i seguenti errori:\n'+errors);
    document.MM_returnValue = (errors == '');
} }
//-->
</script> 


<script type="text/javascript">
function controllaProvincia(provincia)
{
    if (provincia.value == "0") {
        alert("Devi inserire una provincia");
        provincia.focus();

        return false;
    }

    return true
}
</script>











<!-- InstanceEndEditable -->
</head>

<body>

<div id="main"> <a href="index.php"><img src="immagini/ps_logo.jpg" id="ps_logo" alt="" /></a>
		<div id="colwrap1">
        <!-- InstanceBeginEditable name="zona_login" -->
	    <div id="ps_zona_login"></div>
		<!-- InstanceEndEditable -->
		  <div class="clearFloat"></div>
		  <!-- InstanceBeginEditable name="zona_sotto_al_login" -->
		  <div id="ps_zona_sotto_al_login"></div>
		  <!-- InstanceEndEditable -->
		  <div class="clearFloat"></div>
	</div>
    <a href="index.php"><img src="immagini/ps_pulsante_home.jpg" id="ps_pulsante_home" alt="" /></a>
		<a href="chi_siamo.php"><img src="immagini/ps_pulsante_chi_siamo.jpg" id="ps_pulsante_chi_siamo" alt="" /></a>
		<a href="dove_siamo.php"><img src="immagini/ps_pulsante_dove_siamo.jpg" id="ps_pulsante_dove_siamo" alt="" /></a>
		<a href="gallery.php"><img src="immagini/ps_pulsante_gallery.jpg" id="ps_pulsante_gallery" alt="" /></a>
		<a href="mercatino.php"><img src="immagini/ps_pulsante_mercatino.jpg" id="ps_pulsante_mercatino" alt="" /></a>
		<a href="contatti.php"><img src="immagini/ps_pulsante_contatti.jpg" id="ps_pulsante_contatti" alt="" /></a>
        <!-- InstanceBeginEditable name="area_motore_di_ricerca" -->
		<div id="ps_area_motore_di_ricerca"></div>
		<!-- InstanceEndEditable -->
		<div id="colwrap2">
		<img src="immagini/ps_pezzetto_sopra_al_cerca.jpg" id="ps_pezzetto_sopra_al_cerca" alt="" />
		  <div class="clearFloat"></div>
		<img src="immagini/ps_Cerca.jpg" id="ps_Cerca" alt="" />
				<img src="immagini/ps_pezzetto_accanto_al_cerca.jpg" id="ps_pezzetto_accanto_al_cerca" alt="" />
				<div class="clearFloat"></div>
		<img src="immagini/ps_pezzetto_sotto_al_cerca.jpg" id="ps_pezzetto_sotto_al_cerca" alt="" />
				<div class="clearFloat"></div>
	</div>
	<img src="immagini/ps_fettina_sotto_ai_pulsanti_principali.jpg" id="ps_fettina_sotto_ai_pulsanti_principali" alt="" />
		<div class="clearFloat"></div>
		<!-- InstanceBeginEditable name="fotona_centrale" -->
		<div id="ps_fotona_centrale"></div>
		<!-- InstanceEndEditable -->
		<div class="clearFloat"></div>
	<img src="immagini/ps_fettina_sotto_fotona_centrale.jpg" id="ps_fettina_sotto_fotona_centrale" alt="" />
		<div class="clearFloat"></div>
		<!-- InstanceBeginEditable name="area_orologio_agenda" -->
		<div id="ps_area_orologio_agenda"></div>
		<!-- InstanceEndEditable -->
		<div class="clearFloat"></div>
	<img src="immagini/ps_fettina_sotto_area_orologio_agenda.jpg" id="ps_fettina_sotto_area_orologio_agenda" alt="" />
		<div class="clearFloat"></div>
		<!-- InstanceBeginEditable name="zona_centrale_principale" -->
		<div id="ps_zona_centrale_principale" class="zona_centrale_principale_caratteri">
          <form id="modulo" name="modulo" method="POST" action="<?php echo $editFormAction; ?>" onSubmit="return checkCheckBoxes(this);">
            <table align="center">
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Nome:</td>
                <td><input name="nome" type="text" id="nome" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Cognome:</td>
                <td><input name="cognome" type="text" id="cognome" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Data di nascita:</td>
                <td><input name="data_di_nascita" type="text" id="data_di_nascita" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td align="right" nowrap="nowrap">Username:</td>
                <td><input name="username" type="text" value="" id="username" size="32" /></td>
                
               
                
              

                
                
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Password:</td>
                <td><input name="password" type="password" id="password" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Conferma Password:</td>
                <td><input name="password_di_convalida" type="password" id="password_di_convalida" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Email:</td>
                <td><input name="email" type="text" id="email" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Indirizzo:</td>
                <td><input name="indirizzo" type="text" id="indirizzo" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Citt&agrave;:</td>
                <td><input name="citta" type="text" id="citta" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Provincia:</td>
                <td>
                	<label for="provincia">
                		</label>
                        <select name="provincia" id="provincia">
                   	    <option value="0" selected>&nbsp;</option>
                			<option value="AG">AG</option>
          					<option value="AL">AL</option>
          					<option value="AN">AN</option>
          					<option value="AO">AO</option>
          					<option value="AR">AR</option>
          					<option value="AP">AP</option>
          					<option value="AT">AT</option>
          					<option value="AQ">AQ</option>
          					<option value="AV">AV</option>
          					<option value="BA">BA</option>
          					<option value="BT">BT</option>
          					<option value="BL">BL</option>
          					<option value="BN">BN</option>
          					<option value="BI">BI</option>
          					<option value="BO">BO</option>
          					<option value="BR">BR</option>
          					<option value="BS">BS</option>
          					<option value="BZ">BZ</option>
          					<option value="CA">CA</option>
          					<option value="CL">CL</option>
          					<option value="CB">CB</option>
          					<option value="CI">CI</option>
          					<option value="CE">CE</option>
          					<option value="CT">CT</option>
          					<option value="CZ">CZ</option>
          					<option value="CH">CH</option>
          					<option value="CO">CO</option>
          					<option value="CS">CS</option>
          					<option value="CR">CR</option>
          					<option value="KR">KR</option>
          					<option value="CN">CN</option>
          					<option value="EN">EN</option>
          					<option value="FM">FM</option>
          					<option value="FE">FE</option>
          					<option value="FI">FI</option>
          					<option value="FG">FG</option>
          					<option value="FC">FC</option>
          					<option value="FR">FR</option>
          					<option value="GE">GE</option>
          					<option value="GO">GO</option>
          					<option value="GR">GR</option>
          					<option value="IM">IM</option>
          					<option value="IS">IS</option>
          					<option value="LC">LC</option>
                            <option value="LE">LE</option>
          					<option value="LI">LI</option>
          					<option value="LO">LO</option>
          					<option value="LT">LT</option>
          					<option value="LU">LU</option>
                            <option value="MB">MB</option>
          					<option value="MC">MC</option>
                            <option value="ME">ME</option>
          					<option value="MI">MI</option>
          					<option value="MN">MN</option>
                            <option value="MO">MO</option>
          					<option value="MS">MS</option>
          					<option value="MT">MT</option>
          					<option value="NA">NA</option>
          					<option value="NO">NO</option>
          					<option value="NU">NU</option>
          					<option value="OR">OR</option>
                            <option value="PA">PA</option>
                            <option value="PC">PC</option>
                            <option value="PE">PE</option>
          					<option value="PD">PD</option>
          					<option value="PR">PR</option>
          					<option value="PG">PG</option>
                            <option value="PI">PI</option>
                            <option value="PN">PN</option>
                            <option value="PO">PO</option>
                            <option value="PT">PT</option>
          					<option value="PU">PU</option>
                            <option value="PV">PV</option>
        					<option value="PZ">PZ</option>
          					<option value="RA">RA</option>
          					<option value="RC">RC</option>
         				 	<option value="RE">RE</option>
          					<option value="RG">RG</option>
          					<option value="RI">RI</option>
                            <option value="RM">RM</option>
          					<option value="RN">RN</option>
          					<option value="RO">RO</option>
          					<option value="SA">SA</option>
                            <option value="SI">SI</option>
                            <option value="SO">SO</option>
          					<option value="SP">SP</option>
          					<option value="SR">SR</option>
          					<option value="SS">SS</option>
          					<option value="SV">SV</option>
          					<option value="TA">TA</option>
          					<option value="TE">TE</option>
                            <option value="TN">TN</option>
                            <option value="TO">TO</option>
                            <option value="TP">TP</option>
          					<option value="TR">TR</option>
                            <option value="TS">TS</option>
         					<option value="TV">TV</option>
          					<option value="UD">UD</option>
          					<option value="VA">VA</option>
                            <option value="VB">VB</option>
          					<option value="VC">VC</option>
          					<option value="VE">VE</option>
                            <option value="VI">VI</option>
          					<option value="VR">VR</option>
                            <option value="VT">VT</option>
         					<option value="VV">VV</option>
          				</select>
          		</td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Cap:</td>
                <td><input name="cap" type="text" id="cap" value="" size="5" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Autorizzo:</td>
                <td><input type="checkbox" name="autorizzo" value="S" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Acconsento:</td>
                <td><input type="checkbox" name="acconsento" value="S" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Non acconsento:</td>
                <td><input type="checkbox" name="non_acconsento" value="" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">&nbsp;</td>
                <td><input type="submit" onclick="MM_validateForm('nome','','R','cognome','','R','data_di_nascita','','R','username','','R','password','','R','password_di_convalida','','R','email','','RisEmail','indirizzo','','R','citta','','R','provincia','','R','cap','','RisNum');return document.MM_returnValue" value="Registrati" />
   				</td>
              </tr>
            </table>
            <input type="hidden" name="livello_utente" value="non_attivo" />
            <input type="hidden" name="MM_insert" value="modulo" />
          </form>
          <p>&nbsp;</p>
		</div>
		<!-- InstanceEndEditable -->
		<div id="colwrap3">
        <!-- InstanceBeginEditable name="carrello" -->
		  <div id="ps_carrello"></div>
		<!-- InstanceEndEditable -->
		  <div class="clearFloat"></div>
		<div id="colwrap5">
			<img src="immagini/ps_sinistra_pulsanti_laterali.jpg" id="ps_sinistra_pulsanti_laterali" alt="" />
						<div id="colwrap7"> <a href="servizi.php"><img src="immagini/ps_pulsante_servizi.jpg" id="ps_pulsante_servizi" alt="" /></a>
								<div class="clearFloat"></div>
				<img src="immagini/ps_sopra_partners.jpg" id="ps_sopra_partners" alt="" />
								<div class="clearFloat"></div>
                          <a href="partners.php"><img src="immagini/ps_pulsante_Partners.jpg" id="ps_pulsante_Partners" alt="" /></a>
								<div class="clearFloat"></div>
				<img src="immagini/ps_sopra_links.jpg" id="ps_sopra_links" alt="" />
								<div class="clearFloat"></div>
                          <a href="links.php"><img src="immagini/ps_pulsante_links.jpg" id="ps_pulsante_links" alt="" /></a>
								<div class="clearFloat"></div>
				<img src="immagini/ps_sotto_links.jpg" id="ps_sotto_links" alt="" />
								<div class="clearFloat"></div>
			</div>
			<img src="immagini/ps_fettina_accanto_ai_pulsanti_laterali.jpg" id="ps_fettina_accanto_ai_pulsanti_laterali" alt="" />
            <!-- InstanceBeginEditable name="zona_pubblicita" -->
			<div id="ps_zona_pubblicita"></div>
			<!-- InstanceEndEditable -->
			<div class="clearFloat"></div>
		</div>
		<img src="immagini/ps_destra_pulsanti_laterali.jpg" id="ps_destra_pulsanti_laterali" alt="" />
				<div class="clearFloat"></div>
	</div>
	<img src="immagini/ps_fettina_sotto_zona_centrale_principale.jpg" id="ps_fettina_sotto_zona_centrale_principale" alt="" />
		<div class="clearFloat"></div>
		<!-- InstanceBeginEditable name="footer" -->
		<div id="ps_footer"></div>
		<!-- InstanceEndEditable -->
		<div class="clearFloat"></div>
	<img src="immagini/ps_sfondo_sotto_al_footer.jpg" id="ps_sfondo_sotto_al_footer" alt="" />
		<div class="clearFloat"></div>
</div>
</body>
<!-- InstanceEnd --></html>

 

[alessandro1997]

Per forza non funziona: non esegui il controllo da nessuna parte. Dovrai inserire la chiamata alle funzioni checkBoxes e controllaProvincia in una terza funzione, che eseguirai all'onSubmit.

 

[Darkan85]

Mi sa che non ho capito molto! Non capisco perché funziona il controllo della password e non quello delle province! Che è fatto alla stessa maniera!

 

[alessandro1997]

Ti posto una pagina di esempio:

<!DOCTYPE html>
<html lang="it">
    <head>
        <title>Controllo form</title>
        <meta charset="utf-8">
        <script>
        function checkSelect()
        {
            var select = document.getElementById("select");
            return select.value != "";
        }

        function checkCheckbox()
        {
            var checkbox = document.getElementById("checkbox");
            return checkbox.checked;
        }

        function checkForm()
        {
            if (!checkSelect()) {
                alert("Non hai selezionato un'opzione dalla select.");
                return false;
            }

            if (!checkCheckbox()) {
                alert("Non hai selezionato la checkbox.");
                return false;
            }

            return true;
        }
        </script>
    </head>

    <body>
        <form action="#" method="post" onsubmit="return checkForm();">
            <p>
                <select id="select">
                    <option value="" selected>&nbsp;</option>
                    <option value="1">Valore 1</option>
                    <option value="2">Valore 2</option>
                </select>
            </p>

            <p>
                <input type="checkbox" id="checkbox"> Checkbox
            </p>

            <p>
                <button type="submit">Invia</button>
            </p>
        </form>
    </body>
</html>

Tu devi combinare in maniera simile tutti i controlli che hai nel form.

 

[Darkan85]

Una cosa di questo tipo? Ma combinata con quello che avevo fatto prima?
So che tra poco ti stuferai...ma ti faccio lo stesso le domande! Vado in rischio! 00

<script type="text/javascript" language="JavaScript">
<!--
function checkCheckBoxes(modulo) {
	if (
	modulo.provincia.checked == false)
	{
		alert ('Devi selezionare almeno una provincia');
		return false;			
	} else { 
	if (coontrollaprovincia(modulo)==false)
{ return false;}	
		return true;
	}
}
</script>

Altrimenti mi sa che non sto proprio capendo..........

 

[Darkan85]

Già che ci sono, oltre alle mille domande sul mio script criptico che non riesco a capire, ti chiedo anche: tu dove hai imparato così bene javascript? E nel caso...avresti un libro da consigliarmi che spieghi bene dalle basi e che poi ti porti ad esser bravo come te!

 

[alessandro1997]

Quello che devi fare è:

1. crea una funzione checkSelect che restituisca true se la select è valida e false se non è valida;
2. crea una funzione checkCheckboxes che restituisca true se le checkbox sono valide e false se non lo sono;
3. crea una funzione checkForm che restituisca true solo se tutte le funzioni di controllo restituiscono true;
4. restituisci il valore della funzione checkForm nell'evento submit del form;

Per quanto riguarda il libro: non saprei, davvero non sono così bravo come sembra col Javascript.