Untitled



<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
     <script type="text/javascript">

         function myFunction() {
             var msg = "";

             var userName = document.getElementById("TxtUserName").value;
             var name = document.getElementById("TxtName").value;
             var lastName = document.getElementById("TxtLastName").value;
             var year = document.getElementById("year").value;
             var password = document.getElementById("Password1").value;
             var password2 = document.getElementById("Password2").value;
             if(userName.length<3)
             {
                msg+= "the user name must be 3 characters at least.\n";
             }
             if(password !=password2)
             {
                msg+="the passwords don't match.\n";
             }
             if (name <= 2)
             {
                 msg+="the name must be at lest 2 characters.\n"
             }
             if ((year < 1998) || (year > 2003))
             {
                 msg+="you can't get in.\n"
             }


             alert(msg);
         }


    </script>
    <title></title>

</head>
<body dir="rtl">
    <form id="form1" runat="server">


        <div class="container">

        <h1>דף הרשמה</h1>
            </div>

    <div>
       <center> <table border="0">

           <div class="forms">
           <tr>
                <td>שם משתמש:</td>
                <td><input id="TxtUserName" type="text" /></td>
            </tr>
            <tr>
                <td>שם פרטי:</td>
                <td><input id="TxtName" type="text" /></td>
            </tr>
            <tr>
                <td>שם משפחה:</td>
                <td><input id="TxtLastName" type="text" /></td>
            </tr>
            <tr>
                <td>שנת לידה:</td>
                <td><input id="year" type="text" /></td>
            </tr>

            <tr>
                <td>סיסמה:</td>
                <td><input id="Password1" type="password" /></td>
                </tr>
            <tr>
                <td>אימות סיסמה:</td>
                <td><input id="Password2" type="password" /></td>
            </tr>

                       <tr>
                <td>כיתה:</td>
                <td>
                    <select id="Select1">
                        <option>י</option>
                        <option>יא</option>
                        <option>יב</option>
                    </select></td>
            </tr>
            <tr>
                <td>מגדר:</td>
                <td><input id="Male" type="checkbox" />זכר
                <input id="Female" type="checkbox" />נקבה</td>
            </tr>
            <tr>
                <td>תחביבים:</td>
                <td>
                    <input id="Football" type="checkbox" />כדורגל
                    <input id="Basketball" type="checkbox" />כדורסל
                    <input id="Dance" type="checkbox" />ריקוד
                </td>
            </tr>
               </div>
        </table>

        <input id="Submit" type="submit" value="שלח"  onclick="myFunction()"/>
        <input id="Reset" type="reset" value="נקה טופס" />


        </center>
    </div>
    </form>

</body>
</html>