Untitled


<html>
<head>
<meta charset="utf-8">
</head>


<body>
    <form>
    name:
    <input type="text" id="username">
    <div id="messageName"> </div>

    password:
    <input type="password" id="pass">
    <div id="messagePass"> </div>
    email:
    <input type="email" id="usermail">
    <div id="messageMail"> </div>
    <input onclick="check()" type="button" value="submit" >
    </form>
    <script>

        function check(){
            var name = document.getElementById('username').value;
            var pass = document.getElementById('pass').value;
            var mail = document.getElementById('usermail').value;
            var statusName = document.getElementById('messageName');
            var statusPass = document.getElementById('messagePass');
            var statusMail = document.getElementById('messageMail');
            var message = '';
            if (name.length > 10) {
                message = 'Имя должно иметь не больше 10 символов<br>';
            }
            if (/[A-Z-a-z]/.test(name) == false) {
                    message += 'Имя должно состоять только из латинских букв';
            }
            statusName.innerHTML = message;
            message = '';
            if (pass.length < 8) {
                message = 'Пароль должен быть не меньше 8 символов<br>';
            }
            if (/[A-Z-a-z-0-9]/.test(pass) == false) {
                    message += 'Парoль должен состоять только из латинских букв и цифр';
            }
            statusPass.innerHTML = message;

            document.getElementById('username').value = name;
            document.getElementById('pass').value = '';
            document.getElementById('usermail').value = mail;
        }

    </script>
</body>

</html>