Untitled

Created by IntelliJ IDEA.
  User: Dimas
  Date: 20.11.2016
  Time: 3:16
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Registration</title>
    <style><%@include file="css/register.css"%></style>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var regName = /[a-zA-Z]{2,64}/;
            var regEmail = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,6})+$/;
            $("#name").change(function(){
                var r=$("#name").val();
                if (!regName.test(r)) {
                    $("#name-text").css("display", "block");
                }
                else{
                    $("#name-text").css("display", "none");
                }
            });
            $("#surname").change(function(){
                var r=$("#surname").val();
                if (!regName.test(r)) {
                    $("#surname-text").css("display", "block");
                }
                else{
                    $("#surname-text").css("display", "none");
                }
            });
            $("#mail").change(function(){
                var r=$("#mail").val();
                if (!regEmail.test(r)) {
                    $("#e-mail-text").css("display", "block");
                }
                else{
                    $("#e-mail-text").css("display", "none");
                }
            });
            $("#rpassword").change(function(){
                var pass=$("#password").val();
                var rpass=$("#rpassword").val();
                if (pass.toString() != rpass.toString()) {
                    $("#password-text").css("display", "block");
                }
                else{
                    $("#password-text").css("display", "none");
                }
            });
        });
    </script>
</head>
<body>
<div id="login">
    <form name="RegisterForm" action="FirstServletTest" method="POST">
        <fieldset class="clearfix">
            <tr>
                <input type="hidden" name="command" value="register"/>
            </tr>
            <p>
                Name:<br>
                <input id="name" type="text" name="name" pattern="[a-zA-Z]{2,40}" required title="Input Cyrillic letters; Name is less than 2 and not more 40 characters" value="Name" onblur="if(this.value == '') this.value = 'Name'" onfocus="if(this.value == 'Name') this.value = ''" required/>
            </p>
            <div id="name-text" class="error-info-message">Incorrect field 'Name'</div>
            <p>
                Surname:<br>
                <input id="surname" type="text" name="surname" pattern="[a-zA-Z]{2,40}" required title="Input Cyrillic letters; Surname is less than 2 and not more 40 characters" value="Surname" onblur="if(this.value == '') this.value = 'Surname'" onfocus="if(this.value == 'Surname') this.value = ''" required/>
            </p>
            <div id="surname-text" class="error-info-message">Incorrect field 'Surname'</div>
            <p>
                Email:<br>
                <input id="mail" type="email" name="email" pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,6})+$" value="E-mail" onblur="if(this.value == '') this.value = 'E-mail'" onfocus="if(this.value == 'E-mail') this.value = ''" required/>
            </p>
            <div id="e-mail-text" class="error-info-message">Incorrect field 'Email'</div>
            <p>
                Login:<br>
                <input id="log" type="text" name="login" pattern="[a-zA-Z]{2,40}" required title="Input Cyrillic letters" value="Login" onblur="if(this.value == '') this.value = 'Login'" onfocus="if(this.value == 'Login') this.value = ''" required/>
            </p>
            <p>
                Password:<br>
                <input id="password" type="password" name="password" pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=(.*[a-zA-Z]){4}).{8,40}$" required title="Password is less than 8 and not more 40 characters; Password must consist of digit, lowercase, uppercase;" value="Password" onblur="if(this.value == '') this.value = 'Password'" onfocus="if(this.value == 'Password') this.value = ''" required/>
            </p>
            <p>
                Retry password:<br>
                <input id="rpassword" type="password" name="rpassword" pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=(.*[a-zA-Z]){4}).{8,40}$" required title="Password is less than 8 and not more 40 characters; Password must consist of digit, lowercase, uppercase;" value="Password" onblur="if(this.value == '') this.value = 'Password'" onfocus="if(this.value == 'Password') this.value = ''" required/>
            </p>
            <div id="password-text" class="error-info-message">Passwords don't match, please check!</div>
            <p class="errormessage">${errorLoginPassMessage}</p>
            <p><input type="submit" value="Register"></p>
        </fieldset>
    </form>
    <p class="account">
        Already have an account?<a href="FirstServletTest?command=Login">Login here!</a>
        <span class="fontawesome-arrow-right"></span>
    </p>
</div>
</body>
</html>