[Javascript] Controllo dati utente

**GiulioCesare** · 01-10-2005, 19:17

Salve ragazzi, ho una form in cui l'utente deve inserire, id e passoword, io voglio controllare con javascript se l'id sia o no inserito, se non è inserito deve comparire un alert che ricorda che è obbligatorio inserire l'id, ho provato a fare in questa maniera, ma dopo la chiusura dell'alert, viene visualizzata comunque la prossima pagina, senza dare possibilità all'utente di inserire l'id, posto qui sotto il codice con la speranza che qualcuno mi aiuterà.

codice:

<SCRIPT language="JavaScript">
	function controlla(id)
	{
		
		var pass = trim(document.register.pass.value);*/
		if(!id)
		{
			alert("Inserire id");
			
		}
	}
</script>

<html>
	<head>
		<title> Avvio sessione </title>
	</head>
	
	<body>
			
			
			
		<form name="azione" action="controlla.jsp" method="post">
			<table align="right" border="1" width="30%" height="20%">
				<tr>
					<td> 
						<label> Inserisci Id </label>
							<input type="text" name="id" value="" >
						<label> 
 Inserisci Password </label>
							<input type="text" name="pass" value="">
							
						<input type="submit" value="Inserisci" onClick="controlla(document.azione.id.value)">
					</td> 
					</tr>
				</table>
			</form>
	</body>
</html>

**alka** · 01-10-2005, 19:24

JavaScript viene trattato nell'apposito forum Scripting. Sposto la discussione.

Ciao!

**zero85** · 01-10-2005, 19:44

codice:

<html>
<head>
<title> Avvio sessione </title>
<script language="JavaScript">
	function controlla()
	{
	
		if(document.getElementById("cod").value == "")
		{
			alert("Inserire id");
			return false;
		}
		return true;
	}
</script>		
</head>
	
<body>
<form name="azione" action="controlla.jsp" method="post" onSubmit="return controlla();">
	<table align="right" border="1" width="30%" height="20%">
		<tr><td> <label> Inserisci Id </label>
			<input type="text" name="id" id="cod">
			<label> 
 Inserisci Password </label>
			<input type="text" name="pass" value="">
			<input type="submit" value="Inserisci">
			</td> 
		</tr>
	</table>
</form>
</body>
</html>

**GiulioCesare** · 02-10-2005, 00:42

Grazie per l'aiuto, anche se l'alert compare due volte. Comunque volevo chiederti alcune cose sul tuo codice, il metodo document.getElementById e onSubmit, a cosa servono? Ultima cosa perchè nella input type hai usato id='cod', non si poteva usare il nome della input? Grazie ancora dell'aiuto

**zero85** · 02-10-2005, 18:37

Allora getElementById è un metodo che identifica un oggetto attraverso un ID (che in una pagina html deve essere univoco), onSubmit è un evento che si scatena quando un bottone di tipo submit all'interno di un form viene premuto.

Per quanto riguarda il nome dell'id puoi mettere quello che vuoi basta che dopo modifichi document.getElementById("tuo_nome").value == ""

Discussione: [Javascript] Controllo dati utente

Strumenti discussione

Ricerca discussione

Visualizza

[Javascript] Controllo dati utente

Moderazione

Permessi di invio