Untitled

<?php
    $page = 'signup';
    include 'includes/user.php';

    $status = $_GET["status"];
?>

<html>
    <head>
        <title>Something</title>
        <link rel="stylesheet" type="text/css" href="style/style.css" />
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type='text/javascript'>
        function checkForm(){
            resetWarnings();

            var status = 0;
            var gender;
            var test;

            status += checkAddr('address', 'warnaddress');
            status += checkCC('creditcard', 'warncreditcard');
            status += checkPass('password', 'password2', 'warnpassword');

            status += checkLength('firstname', 'warnfirst');
            status += checkLength('surname', 'warnsur');
            status += checkLength('username', 'warnuser');
            status += checkLength('address', 'warnaddress');
            status += checkLength('creditcard', 'warncreditcard');
            status += checkLength('password', 'warnpassword');
            status += checkLength('password2', 'warnpassword');

            gender = checkGender('genderMale', 'genderFemale', 'warngender');

            //status = dbCheck();

            if (status == 0) {
                insertDB();
            } else {
                document.getElementById('warnpassword').innerHTML = status;
            }
        }

        function checkAddr(f1, f2) {
            var field1 = document.getElementById(f1);
            if (isNaN(field1.value[0])) {
                document.getElementById(f2).innerHTML = "Must start with a number"
                return 1;
            }
            return 0;
        }

        function checkGender(f1, f2, f3) {
            if (document.signup.gender[0].checked) {
                return 'Male'
            } else {
                return 'Female';
            }
        }

        function dbCheck() {
          var field1 = document.getElementById('username');
          var field2 = document.getElementById('password');

          var status = 0;

          //Initialize new ajax request
            $.post(
                "backend/checkDB.php",     // url
                { username : field1.value, password : field2.value },         // post-data
                function(data){
                    if (data == 'bad') {
                        document.getElementById('warnuser').innerHTML = "Username in use";
                        status = 1;
                    } else {
                        status = 0;
                    }
                    return status;
                }
            );
            return status;
        }

        function insertDB(gender) {
          var user = document.getElementById('username').value;
          var password = document.getElementById('password').value;
          var first = document.getElementById('firstname').value;
          var last = document.getElementById('surname').value;
          var address = document.getElementById('address').value;
          var cc = document.getElementById('creditcard').value;


          var gender = checkGender('genderMale', 'genderFemale', 'warngender');
          var dataString = 'username='+ user + '&password=' + password + '&first=' + first + '&last='+ last + '&address=' + address + '&cc=' + cc + '&gender=' + gender;

            $.ajax({
                type: "POST",
                url: "backend/insertDB.php",
                data: dataString,
                cache: false,
                success: function(html){
                    alert(html);
                    if (html == 'user'){
                        document.getElementById('warnuser').innerHTML = "Username in use";
                        alert("USERNAME IN USE");
                    } else {
                        window.location = "login.php"
                    }
                }
            });
          //Initialize new ajax request
        }

        function checkCC(f1, f2) {
            var field1 = document.getElementById(f1);
            if ((field1.value.length) != 16) {
                document.getElementById(f2).innerHTML = "CC must be 16 digits";
                return 1;
            }
            for (i=0; i < field1.value.length; i++) {
                if (isNaN(field1.value[i])){
                    document.getElementById(f2).innerHTML = "CC can only contain numbers";
                    return 1;
                }
            }
            return 0;

        }

        function checkPass(f1, f2, f3) {
            var field1 = document.getElementById(f1);
            var field2 = document.getElementById(f2);

            if (field1.value != field2.value){
                document.getElementById(f3).innerHTML = "Passwords dont match";
                return 1;
            }
            return 0;
        }

        function checkLength(f1, f2) {
            var field1 = document.getElementById(f1);
            if(field1.value.length < 1) {
                document.getElementById(f2).innerHTML = "Field must contain text."
                return 1;
            }
            return 0;
        }

        function resetWarnings() {
            document.getElementById('warnfirst').innerHTML = "";
            document.getElementById('warnsur').innerHTML = "";
            document.getElementById('warnuser').innerHTML = "";
            document.getElementById('warnaddress').innerHTML = "";
            document.getElementById('warncreditcard').innerHTML = "";
            document.getElementById('warnpassword').innerHTML = "";
        }
        </script>
    </head>
    <body>
        <?php
            include 'includes/header.php';
            include 'includes/nav.php';
        ?>
        <div id="content">
            <?php
                include 'includes/crumbs.php';
            ?>
            <h2>Signup Page</h2>
                <fieldset>
                    <legend>Signup</legend>
                    <form name="signup" action="" method="post">

                        <table id="signup">
                        <tr>
                            <td>
                                <label for="firstname">Firstname:</label>
                            </td>
                            <td>
                                <input type="text" name="firstname" id="firstname"'  />
                                <span class="warning" name="warnfirst" id="warnfirst"> </span>
                                <br />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="surname">Surname:</label>
                            </td>
                            <td>
                                <input type="text" id="surname" name="surname"/>
                                <span class="warning" id="warnsur"> </span>
                                <br />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="title">Title:</label>
                            </td>
                            <td>
                                <select id="title" name="title">
                                    <option>Mr</option>
                                    <option>Mrs</option>
                                    <option>Miss</option>
                                    <option>Ms</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label>Gender:</label>
                            </td>
                            <td>

                                Male <input type="radio" name="gender" value="Male" id="genderMale" Checked/>
                                Female <input type="radio" name="gender" value="Female" id="genderFemale"/>
                                <span class="warning" id="warngender"> </span>
                                <br />

                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="username">Username:</label>
                            </td>
                            <td>
                                <input type="text" id="username" name="username"/>
                                <span class="warning" id="warnuser"> </span>
                                <br />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="address">Address:</label>
                            </td>
                            <td>
                                <input type="text" id="address" name="address"/>
                                <span class="warning" id="warnaddress"> </span>
                                <br />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="creditcard">CreditCard:</label>
                            </td>
                            <td>
                                <input type="text" id="creditcard" name="creditcard"/>
                                <span class="warning" id="warncreditcard"> </span>
                                <br />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="password">Password:</label>
                            </td>
                            <td>
                                <input type="text" id="password" name="password"/>
                                <input type="text" id="password2" name="password2"/>
                                <span class="warning" id="warnpassword"> </span>
                                <br />
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <input type='button' onclick='checkForm()' value='Signup' />
                            </td>
                        </tr>

                        </table>
                    </form>
            </fieldset>
        </div>
    </body>
</html>