Form2

<!--Shavit Borisov-->
<!--18.12.14-->
<!--http://pastebin.com/rvJUfkWx-->

<!DOCTYPE html>
<html style="direction: rtl">
    <head>
        <meta charset="UTF-8">
        <style type="text/css">
            #title {color: darkblue}
            td {text-align: right}
            label {background-color: steelblue; font-size: 20px; font-weight: bold}
            #age {width: 3em}
            .buttons {width: 120px}
        </style>
        <script type="text/javascript">
            function checkStr(str) {
                var capital = false;
                var smaller = false;
                var digit = false;

                for(var i = 0; i < str.length; i++) {
                    var char = str.charAt(i);

                    if(char >= '0' && char <= '9')
                        digit = true;
                    else if(char >= 'a' && char <= 'z')
                        smaller = true;
                    else if(char >= 'A' && char <= 'Z')
                        capital = true;
                }

                return (capital && smaller && digit);
            }

            function checkBoth() {
                var pass1 = document.getElementById("pass");
                var pass2 = document.getElementById("passconfirm");

                if(pass1.value.length < 5)
                    pass1.setCustomValidity("Password must be at least 5 chars long!");
                else if(!checkStr(pass1.value))
                    pass1.setCustomValidity("Password must contain 1 uppercase letter, 1 lowercase letter and 1 digit!");
                else if(pass1.value != pass2.value)
                    pass1.setCustomValidity("Passwords don't macth!");
                else
                    pass1.setCustomValidity("");
            }

            function checkID() {
                var ID = document.getElementById("ID");

                if(ID.value.length != 9)
                    ID.setCustomValidity("Invalid!");
                else
                    ID.setCustomValidity("");
            }
        </script>
        <title>Form</title>
    </head>
    <body>
        <h1 id="title">טופס רישום</h1>
        <form action="mailto:shavitborisov@gmail.com" method="post" name="form1">
            <table>
                <tr>
                    <td><label for="fname">שם פרטי:</label></td>
                    <td><input type="text" name="fname" id="fname" required="required"></td>
                    <td><label for="nname">שם כינוי:</label></td>
                    <td><input type="text" name="nname" id="nname" required="required"></td>
                </tr>
                <tr>
                    <td><label for="lname">שם משפחה:</label></td>
                    <td><input type="text" name="lname" id="lname" required="required"></td>
                    <td><label for="pass">קוד גישה:</label></td>
                    <td><input type="password" name="pass" id="pass" required="required" onchange="checkBoth()"></td>
                </tr>
                <tr>
                    <td><label for="ID">תעודת זהות:</label></td>
                    <td><input type="text" name="ID" id="ID" required="required" onchange="checkID()"></td>
                    <td><label for="passconfirm">קוד גישה פעם נוספת:</label></td>
                    <td><input type="password" name="passconfirm" id="passconfirm" required="required" onchange="checkBoth()"></td>
                </tr>
                <tr>
                    <td><label for="age">גיל:</label></td>
                    <td><input type="number" min="0" max="120" name="age" id="age" required="required"></td>
                    <td><label for="class">כיתה:</label></td>
                    <td><select name="class" id="class">
                        <option value="10" selected="selected">כיתה י'</option>
                        <option value="11">כיתה י"א</option>
                        <option value="12">כיתה י"ב</option>
                    </select></td>
                </tr>
                <tr>
                    <td><label>מין:</label></td>
                    <td>
                        <label for="male">זכר:</label><input type="radio" value="male" name="sex" id="male" required="required"/>
                        <label for="female">נקבה:</label><input type="radio" value="female" name="sex" id="female" required="required"/>
                    </td>
                    <td><label for="notes">הערות:</label></td>
                    <td><textarea rows="4" cols="25" name="notes" id="notes"></textarea></td>
                </tr>
                <tr>
                    <td><label for="email">אימייל:</label></td>
                    <td>
                        <input type="email" size="30" name="email" id="email" required="required">
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <input class="buttons" type="submit" name="submit" value="שלח">
                        <input class="buttons" type="reset" name="clear" value="נקה">
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>