mootools ajax login validation help pls.

[stickybomb]

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:

<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
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