Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
        function ValidateEmail(inputText)
        {
            var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
            if(inputText.value.match(mailformat))
            {
                document.form1.text1.focus();
                return true;
            }
            else
            {
                alert("You have entered an invalid email address!");
                document.form1.text1.focus();
                return false;
            }
        };
    </script>
    <script type="text/javascript" language="JavaScript">
        function Proverka() {
            var ime = document.getElementById("firstname").value;
            var prezime = document.getElementById("lastname").value;
            var email = document.getElementById("email").value;
            var lozinka = document.getElementById("password").value;
            var adresa = document.getElementById("address").value;
            var telefon = document.getElementById("phone").value;
            var emailright = ValidateEmail(email);
            var phoneright = ValidateNumer(telefon);

            function ValidateNumer(phone)
            {
                if (/^(()?\d{3}())?(-|\s)?\d{3}(-|\s)?\d{3}$/.test(phone))
                {
                    return (true)
                }
                return (false)
            }
            function ValidateEmail(email)
            {
                if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email))
                {
                    return (true)
                }
                return (false)
            }
            if (ime == "" || prezime == "" || email == "" || lozinka == "" || adresa == "" || telefon == "")
                alert("Please enter all the information")
            else if (emailright == false )
                alert("You have entered an invalid email address!")
            else if(lozinka.length <4 || lozinka.length > 16)
                alert("You have entered a incorrect password (password must be from 4 to 16 characters)")
            else if (phoneright == false )
                alert("You have entered an invalid phone!")
            else
                alert(ime + " successfully submitted the following contact email: " + email)
        }
    </script>
</head>
<body>
<header>
    <a class="A" href="#"><span class="mia">MIA</span> Web Design</a>
    <ul class="meni">
        <li>
            <a href="lab5.html">HOME</a>
        </li>
        <li class="active">
            <a href="lab5_1.html">INPUT</a>
        </li>
    </ul>
</header>
<div class="glaven_del"> <br>
    <form>
        <fieldset>
        <legend>
            Fill out the following form:
        </legend>
            <fieldset>
                <legend>Personal information:</legend>
                First name: <br>
                <input type="text"  id="firstname" placeholder="Mickey"> <br>
                Last name: <br>
                <input type="text" id="lastname" placeholder="Mouse"> <br>
            </fieldset>
            <fieldset>
                <legend>User information:</legend>
                Email:<br>
                <input type="email" id="email" placeholder="name@domain.com"> <br>
                Password: <br>
                <input type="password" id="password"> <br>
            </fieldset>
            <fieldset>
                <legend>Fill out the following details:</legend>
                Address:<br>
                <input type="text" id="address" placeholder="Str. Name, Number"> <br>
                Phone: <br>
                <!--<input type="tel"  id="phone" placeholder="000/000-000"> <br>-->
                <input type="tel" id="phone" placeholder="000/000-000" pattern="[0-9]{3}/[0-9]{3}-[0-9]{3}" maxlength="11" size="11">
            </fieldset> <br>
            <input type="button" value="Submit" onclick="Proverka()">
        </fieldset>
    </form>
</div>
<footer>
    <p id="futer">MIA, Copyright &copy; 2018</p>
</footer>
</body>