controllo email

**RF_92** · 29-06-2011, 18:06

Ciao a tutti volevo chiedervi come posso fare per controllare la validità dell'indirizzo email???
questo sono i controlli che ho fatto per ora sul form:

codice:

<script> function controlla2() 
{ if ( (registra.Username.value=="") ||
 (registra.Password.value=="") ||
 (registra.Nome.value=="") || 
(registra.Cognome.value=="") || 
(registra.cfpass.value=="") || 
(registra.Email.value=="") )

 { alert("Devi inserire tutti i campi contraddistinti con *"); 

} else if ( 

(registra.Password.value!=registra.cfpass.value) )
 { alert("i campi password e conferma password devono essere uguali")

 } else{ registra.submit(); 

} 
} 
</script> 
</head>
 
<body img src="blackboaed.jpg"> 

<div align="center"> 
<form id="registra" action="<?php echo $_SERVER['PHP_SELF']?>" method="post" > 
<table border="1"> <tr> <td><font> Username* </font> <td><input type="text" name="Username" size="20">

</td> </tr> 

<tr> <td><font> Password* </font> </td><td><input type="password" name="Password" size="20">

</td> </tr> 

<tr> <td><font>Conferma Password* </font></td><td><input type="password" name="cfpass" size="20">

</td> </tr> 

<tr> <td><font> Nome* </font> </td><td> <input type="text" name="Nome"size="20">

</td> </tr> <tr> 

<td><font> Cognome* </font></td><td> <input type="text" name="Cognome" size="20">

</td> </tr> <tr> 

<td><font> E-Mail* </font></td><td><input type="text" name="Email" size="20">

</td> </tr> </table> 

<input type="button" value="registrati" onClick="controlla2();" > 




 <font face="Courirer New" size="2"> Inserire tutti i campi contraddistinti con * </font> </form> </div> </body>

**Xinod** · 29-06-2011, 21:10

codice:

...
else if (!document.nomeForm.nomeCampo.value.match(/^([a-z0-9\-\.\_])+@([a-z0-9\-])+(\.[a-z]{2,6})+$/i)){
  alert('email non valida');
}
...

ti faccio notare un paio di errori in quello che hai gia':
1) per validare un form non usare l' onclick di un submit, ma
<form ... onsubmit="return tuaFunzione()" >
dove

codice:

function tuaFunzione(){
  if(...non deve inviare...){
    return false
  }
  else return true // < questa riga puo' anche essere omessa
}

2) non si parla di un elemento solo tramite il suo id, funzionerebbe solo con IE
si parla o di document.getElementById('idElemento') o, come nella riga sopra, nel caso di form ed elementi del form, di document.nomeForm.nomeCampo
dove i nomi sono name, non id

ciao

**carlomarx** · 29-06-2011, 22:07

Stavo rispondendo, poi ho interrotto a metà e nel frattempo ha risposto Xinod. Ti posto comunque la mia risposta che è identica alla sua...

codice:

<script>
function controlla2() {
	if (!document.registra.Username.value || !document.registra.Password.value || !document.registra.Nome.value || !document.registra.Cognome.value || !document.registra.cfpass.value || !document.registra.Email.value) { alert("Devi inserire tutti i campi contraddistinti con *."); return false; }
	if (!/^[\w\._%\+\-]+@[\w\.\-]+\.[a-z]{2,4}$/.test(document.registra.Email.value.toLowerCase())) { alert("L\'email inserita non \u00E8 valida."); return false; }
	if (document.registra.Password.value !== document.registra.cfpass.value) { alert("I campi password e conferma password devono essere uguali."); return false; }
	return true; 
} 
</script> 
</head>
 
<body img src="blackboaed.jpg"> 

<div align="center"> 
<form name="registra" action="<?php echo $_SERVER['PHP_SELF']?>" method="post" onsubmit="return controlla2();"> 
<table border="1"> <tr> <td><font> Username* </font> <td><input type="text" name="Username" size="20" />

</td> </tr> 

<tr> <td><font> Password* </font> </td><td><input type="password" name="Password" size="20" />

</td> </tr> 

<tr> <td><font>Conferma Password* </font></td><td><input type="password" name="cfpass" size="20" />

</td> </tr> 

<tr> <td><font> Nome* </font> </td><td> <input type="text" name="Nome"size="20" />

</td> </tr> <tr> 

<td><font> Cognome* </font></td><td> <input type="text" name="Cognome" size="20"/>

</td> </tr> <tr> 

<td><font> E-Mail* </font></td><td><input type="text" name="Email" size="20" />

</td> </tr> </table> 

<input type="submit" value="registrati" /> 




 <font face="Courirer New" size="2"> Inserire tutti i campi contraddistinti con * </font> </form> </div> </body>

**RF_92** · 30-06-2011, 13:45

Grazie mille a tutti e due mi avete davvero aiutato!!!
Scusate volevo però chiedervi una cosa ma non ho capito perchè mi avete detto di cambiare con name al posto di id e submit al posto di button i controlli che avevo fatto per ora funzionavano... scusate l'ignoranza

**Xinod** · 30-06-2011, 14:17

perche' un form deve poter essere inviato, con o senza supporto di javascript
e' un principio di usabilita'

**carlomarx** · 30-06-2011, 14:28

Non solo, ma anche perché per come avevi impostato il tutto il controllo sarebbe avvenuto solo al click del bottone, mentre sarebbe stato invece bypassato premendo invio su un campo qualsiasi del tuo form.

**RF_92** · 30-06-2011, 15:17

a ok grazie mille per le spiegazioni!!!

quindi devo cambiare anche qua:

[CODE]
<html>

<head>

<script>

var INSERT_USER = "Inserisci l'utente";

var INSERT_PASSWORD = "Password";

// l'elemento input prende il focus

function FocusUser()
{ frmLogin.Username.value = "";
frmLogin.Username.className = "";
}

function FocusPass()
{
frmLogin.Password.value = "";
frmLogin.Password.className = "";
}

// l'elemento input perde il focus

function BlurUser() {

if (frmLogin.Username.value == "")
{
frmLogin.Username.value = INSERT_USER;

frmLogin.Username.className = "tiepido"; }
}

function BlurPass() {
if (frmLogin.Password.value == "")

{
frmLogin.Password.value = INSERT_PASSWORD;
frmLogin.Password.className = "tiepido"; } }

// controlla validità del form

function controlla() {

if ( ((frmLogin.Username.value=="") ||
(frmLogin.Username.value==INSERT_USER)) && ((frmLogin.Password.value=="") || (frmLogin.Password.value==INSERT_PASSWORD))
) { alert("Devi inserire username e password");

} else if ( (frmLogin.Username.value=="") ||
(frmLogin.Username.value==INSERT_USER) )
{ alert("Devi inserire l'username"); }

else if ( (frmLogin.Password.value=="") ||
(frmLogin.Password.value==INSERT_PASSWORD) )

{ alert("Devi inserire la password"); }

else { frmLogin.submit(); } } function aprifinestra() {

weblink=window.open("registrati.php","registrazion e","width=600px,height=500px,left=350px,top=100px" ); }

</script>

<link rel="stylesheet" type="txt/css" href="css1.css">
<link rel="stylesheet" type="text/css" href="css_menu.css" >

<script src="fixedbackground3.js" type="text/javascript"></script> </head>

<body onLoad="fixedBackground('blackboard.jpg');"> <p align="center">

[img]titolo2.png[/img] </p> <div align="center" >

<div class="intestazione"> <div style="position:absolute;Margin-left:370px;margin-top:20px;">

<font color="white" face="eraser"size="8">HOME</font> </div>
<div style="position:absolute;margin-left:700px;" >

<form id="frmLogin" action="<?php echo $_SERVER['PHP_SELF']?>" align="right" method="POST" > <fieldset style="width:150px;" >

<legend><font color="white" face="eraser">login:</font></legend>
<input type="text" name="Username" size="20" value="Inserisci l'utente" class="tiepido" onfocus="FocusUser();" onblur="BlurUser();">

<input type="password" name="Password" size="20" value="Password" class="tiepido" onfocus="FocusPass();" onblur="BlurPass()";>

<input type="button" value="Login" onClick="controlla();"> <font color="white"><u>registrati</u></font> </fieldset> </form> </div> <div id="menu"> <ul>[*]

Discussione: controllo email

Strumenti discussione

Ricerca discussione

Visualizza

controllo email

Permessi di invio