mootools ajax login validation help pls.

hi i am working on modifying a login form from roscripts.com

basically i want to run a validation script on submit and if errors return them else go to the process login page.

here is what I have so far

login page:

Code:

---

<script type="text/javascript">
        window.addEvent('domready', function(){
                $('log').setStyle('visibility','hidden').empty() 
                $('loginForm').addEvent('submit', function(e) { 
                        new Event(e).stop();
                        var log = $('log').setStyle('visibility','visible').empty().addClass('ajax-loading');
                        this.send({ 
                                update: log, 
                                onComplete: function() { 
                                log.removeClass('ajax-loading'); 
                                } 
                        }); 
                }); 
        }); 
</script>
        <div id="log">
        </div>       
        <form method="post" id="loginForm" action="index.php?section=process&action=login">
                <table align="center" cellpadding="2" cellspacing="0" bgcolor="#FFFFFF">
                        <tr>
                                <td width="120">
                                        <div align="left"><strong>
                                                <label for="userid">UserID:</label>
                                        </strong></div>
                                </td>
                                <td>
                                        <div align="left" class="string">
                                                <input name="userid" type="text" class="input" id="userid" value="" size="32" />
                                        </div>
                                </td>
                        </tr>
                        <tr>
                                <td width="120">
                                        <div align="left"><strong>
                                                <label for="pass">Password:</label>
                                        </strong></div>
                                </td>
                                <td>
                                        <div align="left">
                                                <input name="pass" type="password" class="input" id="pass" value="" size="32" />
                                        </div>
                                </td>
                        </tr>
                        <tr>
                                <td width="120">
                                        <div align="left"><strong>
                                                <label for="pass">Remember me:</label>
                                        </strong></div>
                                </td>
                                <td>
                                        <div align="left">
                                                <input name="remember" type="checkbox" id="remember" value="" />
                                        </div>
                                </td>
                        </tr>
                        <tr>
                                <td colspan="2" align="center"><a href="index.php?section=forgotpass">Forgot Password?</a>
                        </tr>
                        <tr>
                                <td colspan="3">
                                        <div align="right">
                                                <input type="image" name="submit" id="submit" class="submit-btn" src="http://www.roscripts.com/images/btn.gif" alt="submit" title="submit" />
                                        </div>
                                </td>
                        </tr>
                </table>
        </form>

---

validation page:

PHP Code:

---

<?php
require_once('../validator.php');
$validate     = new Validator;

//get posted variables
$user         = $_GET['userid'];
$pass         = $_GET['pass'];
$remember     = isset($_GET['remember']) ? $_GET['remember'] : unchecked;
            
//check if empty
$validate->validateGeneral($user, "* You must enter a UserID<br /><br />");
$validate->validateGeneral($user, "* You must enter a Password<br /><br />");

//check length minimums
$validate->validateMinLen($user, '3', "* UserID must be at least 3 characters<br /><br />");
$validate->validateMinLen($pass, '6', "* Password must be at least 6 characters<br /><br />");
    
//check length maximums
$validate->validateMaxLen($user, '30', "* UserID can not be more than 30 characters<br /><br />");
$validate->validateMaxLen($pass, '16', "* Password can not be more than 16 characters<br /><br />");
    
//check for password format
$validate->validateNumber($pass, "* Your Password must contain at least 1 letter and 1 number toataling 6-16 characters in length.<br /><br />");
//$validate->validateTextOnly($pass, "* Your Password muct contain at least 1 letter and 1 number toataling 6-16 characters in length.<br />");
                    
if($validate->foundErrors()){
    echo $validate->listErrors($delim='<br />');
}else{        
    echo 'valid';            
}
?>

---

I know the php is working. I just can not figure out the js basically it should return errors but instead it returns the process page.
Edit/Delete Message