Campo email

[tgat]

Salve a tutti
Premetto che sono nuovo con il javascript.
ho un modulo con 2 campi di cui il secondo è un campo email, riesco solo a
verificare se è stato compilato, ma come posso verificare se è presente il "@" e "."
ed in caso negativo bloccare l'invio del modulo tramite l'alert ?
Un grazie anticipato a chi vorrà rispondermi; di seguito il codice:

<form name="modulo" id="modulo" onSubmit="return controllo();" method="post" action="paginadiprova.html"> 
Nome
<input name="nome" type="text" id="nome" size="30" /> 
<br /> 
Email
<input name="email" type="text" id="email" size="30" /> 
<br /> 
<input type="submit" name="Submit" value="Invia" /> 
</form>
<script language="JavaScript"> 
function controllo(){ 
with(document.modulo) { 
if(nome.value=="") { 
alert("Errore: compilare il campo NOME"); 
nome.focus(); 
return false; 
} 
if(email.value=="") { 
alert("Errore: compilare il campo email"); 
email.focus(); 
return false; 
} 
} 
return true; 
} 
</script>

 

[cavaliere123]

Semplicissimo almeno credo... provi con questa che chiaramente adatterà al suo scopo :

  var iChars = "@" ;
    for ( var i = 0 ; i < data. length ; i ++ ) {
  	 if ( iChars. indexOf ( data. charAt ( i ) ) == - 1 ) {
  	   alert ( "Inserisci perfettamente la tua email" ) ;
  	 return false ;
  	 }

chiaramente la variabile data nel suo caso è la stringa di inserimento dati e questo codice controlla se è non è presente il carattere @ e il carattere & .... infatti il valore è = -1...

Spero di essere stato utile. Buona serata.

 

[borgo italia]

ciao
scusate se mi intrometto, ma vedo una cosa che non mi quadra
action="paginadiprova.html">
la pagina che riceve i post non può essere html ma deve essere una pagina dinamica (es. paginadiprova.php o paginadiprova.asp)
poi ricorda che se è una cosa importante i controlli lato client in js possono essere molto scenografici, ma sono facilmente aggirabili, i controlli, per essere efficaci, devono essere lato server

 

[tgat]

grazie a tutti, ho risolto il seguente codice:
var ckEmail = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/
if(email.value=="") {
alert("Errore: compilare il campo email");
email.focus();
return false;
}else if(!ckEmail.test(email.value)) {
alert("Errore: Indirizzo email non valido ");
email.focus();
return false;

riguardo all'action era solo un test, grazie dinuovo

 

[tgat]

Semplicissimo almeno credo... provi con questa che chiaramente adatterà al suo scopo :

  var iChars = "@" ;
    for ( var i = 0 ; i < data. length ; i ++ ) {
  	 if ( iChars. indexOf ( data. charAt ( i ) ) == - 1 ) {
  	   alert ( "Inserisci perfettamente la tua email" ) ;
  	 return false ;
  	 }

chiaramente la variabile data nel suo caso è la stringa di inserimento dati e questo codice controlla se è non è presente il carattere @ e il carattere & .... infatti il valore è = -1...

Spero di essere stato utile. Buona serata.

non l'ho capito, a me interessa sapere se sono presenti i caratteri "@" e "."
in caso negativo alert, grazie

 

[cavaliere123]

La variabile : data, scritta da me nel suo caso è : nome.value, quindi il controllo che le ho postato controlla che se nella variabile è presente il carattere @ , se non lo trova da un alert....

 

[borgo italia]

ciao
se ti interssa verificare con js i dati inviati da un form dai un occhio
https://www.mrw.it/javascript/articoli/verificare-corretta-compilazione-form_68.html

 

[Vale2]

non l'ho capito, a me interessa sapere se sono presenti i caratteri "@" e "."
in caso negativo alert, grazie

Ciao,

un indirizzo email comporta almeno un carattere, la @ almeno un carattere il . almeno un carattere

es:

a@a.a

se usi indexOff("@") hai tre opzioni per la ricerca della @ nel campo

== -1 controlla se la @ viene inserita in punto qualsiasi del campo

!= -1 disabilita l'inserimento della @ in tutto il campo

!= 0 la @ deve essere il primo carattere del campo

in una condizione di controllo if il risultato sono valori booleani true o false, la condizione è true se non sono rispettate le condizioni dichiarate.

False se lo sono.

Quindi è bene utilizzare una regexp (espressione regolare) per il controllo.

quello che ti hanno scritto va bene per la condizione: carattere @ carattere . minimo 2 massimo 4 caratteri per il dominio ma c'è un errore

var ckEmail = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/

/^ inizio espressione di controllo

[a-zA-Z0-9._-] accetta tutti i caratteri Maiuscoli e minuscoli da A a Z numeri da 0 a 9 il . l'underscore _ il meno -

+@ obbligatoria la @ dopo almeno un carattere della precedente condizione

[a-zA-Z0-9.-] accetta tutti i caratteri Maiuscoli e minuscoli da A a Z numeri da 0 a 9 il . il meno - Errore accetta il . dopo la @

a@.a.aa

+\. obbligatorio il . dopo almeno un carattere dopo la @

[a-zA-Z] accetta tutti i caratteri Maiuscoli e minuscoli da A a Z dopo il .

{2,4} quantificatore minimo due caratteri per il dominio massimo quattro

$/fine espressione regolare.

A parte l'errore qua [a-zA-Z0-9.-]

Il codice è lo standard per il controllo di una mail anche se per il punto è bene usare il back-slash \. in una condizione di controllo [] quindi di tipo stringa.

La regexp basta sistemare gli errori, ma sconsiglio vivamente il solo controllo della @ e il .



Valeria.

 

[tgat]

Grazie Valeria per il tutorial :fonzie:
Ma insisto sul controllo della sola presenza dei caratteri "@" e ".", con indexOff mi è stato suggerito il sottostante codice ma non funziona

if(email.value=="") {
alert("Errore: compilare il campo email");
email.focus();
return false;
}else if(email.value.indexOf("@")!=-1 && email.value.indexOf(".")!=-1) {
alert("Errore: Indirizzo email non valido ");
email.focus();
return false;
}

Grazie

 

[Vale2]

Ciao,

hai provato il codice postato?

Valeria.

 

[Vale2]

Grazie Valeria per il tutorial :fonzie:
Ma insisto sul controllo della sola presenza dei caratteri "@" e ".", con indexOff mi è stato suggerito il sottostante codice ma non funziona

if(email.value=="") {
alert("Errore: compilare il campo email");
email.focus();
return false;
}else if(email.value.indexOf("@")!=-1 && email.value.indexOf(".")!=-1) {
alert("Errore: Indirizzo email non valido ");
email.focus();
return false;
}

Grazie

Ciao,

che non funziona lo so,

ma il solo utilizzo di indexOf() validerebbe la mail solo con @. .@ ecc...

Usa una regexp.

Valeria.

 

[tgat]

Ciao,

che non funziona lo so,

ma il solo utilizzo di indexOf() validerebbe la mail solo con @. .@ ecc...

Usa una regexp.

Valeria.

potrei ricevere email da paesi che utilizzano caratteri non latini e/o accentati, pertanto vorrei controllare solo se sono presenti i caratteri @ e .
come posso fare ? il codice postato in precedenza non funziona perchè non mi fa il controllo
Grazie

 

[Vale2]

}else if((email.value.indexOf("@")==-1) || (email.value.indexOf(".")==-1)) {

V.

 

[tgat]

}else if((email.value.indexOf("@")==-1) || (email.value.indexOf(".")==-1)) {

V.

Grazie, adesso funziona
ma sarebbe possibile modificare il codice per ottenere il seguente risultato:
caratterequalsiasi@caratterequalsiasi.caratterequalsiasi
?
Grazie

 

[Vale2]

Come già detto una regexp

o uno split()

visto che la tua richiesta procede in altra sede,

buon proseguimento.

Valeria.

 

[cavaliere123]

Ho trovato questo in rete.... non se ti sia utile :

/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i

altrimenti vedi qua :
http://ex-parrot.com/~pdw/Mail-RFC822-Address.html
c'è ne è una miriade in rete....
Salve Valeria e ben ritrovata....

 

[Vale2]

Ho trovato questo in rete.... non se ti sia utile :

/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i

altrimenti vedi qua :
http://ex-parrot.com/~pdw/Mail-RFC822-Address.html
c'è ne è una miriade in rete....
Salve Valeria e ben ritrovata....

Ciao Domenico, basta inserire i codici unicode, il blocco esatto per i caratteri, che include quindi anche le lettere accentate e strane di ogni nazione.

un blocco [] di circa 30 caratteri

:faraone: :elvis::elvis:

Valeria.

 

[tgat]

Ma, invece che specificare tutti i caratteri, non esiste una formula che dice:
tuttiitipidicaratteri@tuttiitipidicaratteri.tuttiitipidicaratteri
non so se sono riuscito a spiegarmi.
Grazie

 

[cavaliere123]

Ha appena risposto la Sig.na Valeria ad entrambi....

x Valeria.... ha ragione ma sinceramente non mi sono messo a controllarlo passo passo...

 

[tgat]

Innanzitutto grazie per le risposte, ma forse sono riuscito a spiegarmi,
esiste una formula che senza specificare tutti i singoli caratteri dice:
carattere qualsiasi, senza che vengano elencati, poi @
poi dinuovo carattere qualsiasi poi .
e poi dinuovo carattere qualsiasi
Non so se sono riuscito a spiegarmi, grazie