<form method="post" action="login.php"  onsubmit="validateForm()"  id="loginForm" name="loginForm">


         Name:<br>

         <input type="text" name="personName"><br>

         Password:<br>

         <input type="password" name="pswd"><br>

      <input type="submit" name="submit" id="submit" value="Login" />

</form>

<script>
       function validateForm()
       {
        var n = document.loginForm.personName.value;
        var p = document.loginForm.pswd.value;
        //The var below is what I need help on.
       var name = "<?php echo $row['name']; ?>";
        //The var below is what I need help on.
        var ps =  "<?php echo $row['pwd']; ?>";
        if ((n == name) && (p == ps))
        {
            alert ("Login successful!");
            return true;
        }
        else
        {
            alert ("Login failed! Username or password is incorrect!");
            return false;
        }
       }
</script>

<?php

    function validateLogin()
    {
        //I hid this information from here.
        $servername = "";
        $username = "";
        $password = "";
        $dbname = "";

        // Create connection
        $dbc = new mysqli($servername, $username, $password, $dbname);
        // Check connection
        if ($dbc->connect_error)
        {
            die("Connection failed: " . $dbc->connect_error);
        }


            $n = $_POST["personName"];
            $p = $_POST["pswd"];


            $query = "SELECT `name`, `pwd` FROM `chatApp`";
            $result = $dbc->query($query);

            $numRows = mysql_num_rows($result);

            $count = 1;

        if ($result->num_rows > 0)
        {

            while($row = $result->fetch_assoc())
            {



            }

        }
        else
        {
            echo "0 results";
        }

        $dbc->close();

    }

    if(array_key_exists('loginForm',$_POST))
    {
       validateLogin();
    }

    ?>