Untitled

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Registrazione</title>
        <link rel="stylesheet" type="text/css" href="stile.css?version=51">
    </head>
    <body>
        <form class='box' name='mioForm' action='signupdatabase.php' method='POST' onsubmit='return controllo();'>
            <h1>Iscriviti</h1>
            <input type='text' name='user' placeholder='Username'>
            <input type='text' name='email' placeholder='Email'>
            <input type='password' name='pass' placeholder='Password'>
            <input type='password' name='rip_pass' placeholder='Ripeti la password'>
            <input type='submit' name='ok' value='Iscriviti'>
            <a href='index.php'>Sei già iscritto? Accedi!</a>
        </form>
        <script type="text/javascript">
            function controllo(){
                user=document.forms["mioForm"]["user"];
                email=document.forms["mioForm"]["email"];
                pass=document.forms["mioForm"]["pass"];
                rip_pass=document.forms["mioForm"]["rip_pass"];

                user_valido=controllaUser(user);

                email_valida=controllaEmail(email);

                pass_uguali=controllaPassword(pass);

                form_valido=pass_uguali&&user_valido&&email_valida;
                return form_valido;
            }

            function controllaUser(user){
                controllo=true;
                string=user.value;
                if(string!=""){
                    if(string.charAt(0).toUpperCase()==string.charAt(0).toLowerCase()||string.length()<5)
                        controllo=false;
                    else
                        controllo=false;
                }
                else
                    controllo=false;

                if(!controllo)
                    user.style.borderColor="red";
                else
                    user.style.borderColor="#3498db";

                return controllo;
            }

            function controllaPassword(pass){
                controllo=true;
                controllaCampoVuoto(pass);
                controllaCampoVuoto(rip_pass);
                if(rip_pass.value!=pass.value){
                    pass.style.borderColor="red";
                    rip_pass.style.borderColor="red";
                }
                else{
                    pass.style.borderColor="red";
                    rip_pass.style.borderColor="red";
                }
                return controllo;
            }

            function controllaEmail(email){
                controllo=true;
                if(controllaCampoVuoto(email))
                    if(emailValida(email.value))
                        controllo=false;
                else
                    controllo=false;

                if(!controllo)
                    email.style.borderColor="red";
                else
                    email.style.borderColor="#3498db";

                return controllo;
            }

            function controllaCampoVuoto(campo){
                corretto=true;
                if(campo.value=="")
                    campo.style.borderColor="red";
                else{
                    campo.style.borderColor="#3498db";
                    corretto=false;
                }
                return corretto;
            }

            function emailValida(email) {
                const re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
                return re.test(email);
            }
        </script>
    </body>
</html>