Untitled

<!DOCTYPE HTML>

<html>

<head>
  <title>Modello di registrazione</title>
  <link rel="stylesheet" type="text/css" href="Modello_Registrazione.css">
<script type='text/javascript'>
function validateName(nome) {

    var re = /[a-zA-Z]$/;
    if(re.test(document.modulo.getElementById("nome").value)){
      document.modulo.getElementById("nome").style.background = '#ccffcc';
      return true;

    }else{

      document.modulo.getElementById("nome").style.background = '#e35152';
      return false;
    }

}
function validateSurname(cognome) {

    var re = /[a-zA-Z]$/;
    if(re.test(document.modulo.getElementById("cognome").value)){
      document.modulo.getElementById("cognome").style.background = '#ccffcc';
      return true;

    }else{

      document.modulo.getElementById("cognome").style.background = '#e35152';
      return false;
    }

}
function validateEmail(email){
    var re = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
    if(re.test(document.modulo.getElementById("email").value)){

      document.modulo.getElementById("email").style.background = '#ccffcc';
      return true;

    }else{
      document.modulo.getElementById("email").style.background = '#e35152';
      return false;


    }
}
function validateDataNascita(datanascita){


    var re = /^\d{1,2}\/\d{1,2}\/\d{4}$/;
    if(!re.test(document.modulo.getElementById("datamascita").value)){
     document.modulo.getElementById("datamascita").style.background = '#e35152';
     return false;
    }else{
       document.modulo.getElementById("datamascita").style.background = '#ccffcc';
       return true;
    }
        var parts = dateString.split("/");
    var day = parseInt(parts[1], 10);
    var month = parseInt(parts[0], 10);
    var year = parseInt(parts[2], 10);


    if(year < 1000 || year > 3000 || month == 0 || month > 12){
        return false;
    }
    var monthLength = [ 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31 ];


    if(year % 400 == 0 || (year % 100 != 0 && year % 4 == 0)){
        monthLength[1] = 29;


    return day > 0 && day <= monthLength[month - 1];
    }
}
function validateUsername(username){
    var re = /[a-zA-Z]$/
    var uInput = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-])/;
    if(uInput.test(document.modulo.getElementById("username").value)){
        document.modulo.getElementById("username").style.background = '#ccffcc';
        return true;
    }
    if(re.test(document.modulo.getElementById("username").value)){
     document.modulo.getElementById("username").style.background = '#ccffcc';
     alert ("Username must contain two letters from name,two letters from surname and the year of your birthday");
     return false;

    }

}
function validateSex(msex,fsex)
{
x=0;

if(dovument.modulo.getElementById("msex").checked)
{
x++;
} if(document.modulo.getElementById("fsex").checked)
{
x++;
}
if(x==0)
{
alert('Select Male/Female');
return false;
}

}
function validatePassword(pwd1,8,20)
{
var pwd_len = document.modulo.getElementById("pwd1").value.length;
if (pwd_len == 0 ||pwd_len >= 20 || pwd_len < 8)
{
alert ("Password should not be empty / length be between "8" to "20" ");

return false;
}
return true;
if(pwd_len == 8){
alert ("Weak password");
}
if(pwd_len == 15){
alert ("Good password");
}
if(pwd_len == 20){
alert ("Very strong password");
}
}
function validateConfirmaPassword(pwd2,8.20)
{
var pwd_len = document.modulo.getElementById("pwd2").value.length;
if (pwd_len == 0 ||pwd_len >= 20 || pwd_len < 7)
{
alert ("Password should not be empty / length be between "8" to "20" ");

return false;
}
return true;
if(pwd_len == 8){
alert ("Weak password");
}
if(pwd_len == 15){
alert ("Good password");
}
if(pwd_len == 20){
alert ("Very strong password");
}
}
function validateForm() {
    var nome = document.modulo.getElementById('nome').value;
    var cognome = document.modulo.getElementById('cognome').value;
    var email = document.modulo.getElementById('email').value;
    var datanascita = document.modulo.getElementById('datanascita').value;
    var username = document.modulo.getElementById('username').value;
    var sesso1 = document.modulo.getElementById('msex').value;
    var sesso2 = document.modulo.getElementById('fsex').value;
    var password = document.modulo.getElementById('pwd1').value;
    var confermaPassword = document.modulo.getElementById('pwd2').value;

    if(validateName(nome)){
        if(validateSurname(cognome)){
            if(validateEmail(email)){
                if(validateDataNascita(datanascita)){
                    if(validateUsername(username)){
                        if(validateSex(sesso1,sesso2)){
                            if(validatePassword(password)){
                                if(validateConfermaPassword(confermaPassword)){
                                    return true;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    return false;

}
</script>
</head>

<body>
    <h1>Registrazione</h1>
    <br/>
    <form action="" name="modulo"  onsubmit="return validateForm()">
        <fieldset>
            <legend>Dati : </legend>
            <table border="0">
                <tr>
                    <td>Nome : </td><td><input type="text" id="nome" /></td>
                </tr>
                <tr>
                    <td>Cognome :</td><td><input type="text" id="cognome" /></td>
                </tr>
                <tr>
                    <td>E_mail : </td><td><input type="text" id="email" /></td>
                </tr>
                <tr>
                    <td>Data di nascita : </td><td><input type="date" id:"datanascita" /></td>
                </tr>
                <tr>
                    <td>UserName : </td><td><input type="text" id="username" /></td>
                </tr>
                <tr>
                    <td rowspan="2">Sesso : </td><td><input type="radio" id="msex" />M</td>

                </tr>
                <tr>
                    <td><input type="radio" id="fsex" />F</td>
                </tr>
                <tr>
                    <td>Password : </td><td><input type="password" id="pwd1" /></td>
                </tr>
                <tr>
                    <td>Conferma Password : </td><td><input type="password" id="pwd2" /></td>
                </tr>
                <tr>
                    <td colspan="2"   align="middle"><input type="submit" value="SUBMIT" /></td>
                </tr>
            </table>
        </fieldset>
    </form>

</body>

</html>