Controllo sintassi mail per accesso dispositivi Wi-Fi

[theClown]

Buongiorno a tutti e ringrazio anticipatamente chi mi darà una mano ad una cosa a cui non vengo a capo.

In pratica ho un Gateway che emette una rete wireless libera che nel momento in cui ti connetti ti chiede una registrazione (nome, numero ed email) per poter navigare.
Il problema è questo, qualsiasi cosa metti per lui va bene, quindi basta mettere "abc" in tutti i campi e ti toglie l'avviso di compilazione, quindi vorrei capire come inserire un controllo della sintassi della email.

Ho cercato e ho trovato tanti codici tra i più comuni questo per esempio.

function validEmail(email){

	  return  /^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+.([a-zA-Z])+([a-zA-Z])+/.test(email);}

Solo che non è proprio il mio campo ma non ho capito dove inserirlo, se nel file html o nel file JS.
Qui sotto un estratto del file Html.

<script>
$(document).ready(function() {
    $('#PC').click(function(){
		var host = window.location.origin;
		var pathname = window.location.pathname.lastIndexOf("/");
		var sub = window.location.pathname.substring(0, pathname);
		var search = window.location.search.replace("mobile=1", "mobile=0");
		var desktopPage = "ua_agree.html";
		location.replace(sub +"/"+ desktopPage + search);
    });
	$('#Disagree').click(function(){
		window.opener=null;
		window.open("","_self");
		window.close();
    });
	$('#Agree').click(function(){
		submit();
    });
	$("#user_name").keyup(function(){
		if($("#user_name").val() != ''){
			$("#user_name").removeClass('error');
		}else{
			$("#user_name").addClass('error');
		}
	});
	$("#phone").keyup(function(){
		if($("#phone").val() != ''){
			$("#phone").removeClass('error');
		}else{
			$("#phone").addClass('error');
		}
	});
	$("#address").keyup(function(){
		if($("#address").val() != ''){
			$("#address").removeClass('error');
		}else{
			$("#address").addClass('error');
		}
	});
	$("#email").keyup(function(){
		if($("#email").val() != ''){
			$("#email").removeClass('error');
		}else{
			$("#email").addClass('error');
		}
	});
});
</script>

Qualcuno sa darmi una mano per caso?
Grazie in anticipo!!:fonzie:

 

[criric]

Ciao, inserisci la funzione validEmail(email) al di fuori della function ready di jquery prima della chiusura del ta </script> e la verifichi cosi:

$("#email").keyup(function () {
        if (validEmail($("#email").val())) {
            $("#email").removeClass('error');
        } else {
            $("#email").addClass('error');
        }
    });