Icoontje na submit

<style type="text/css">


body{
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
	background-color:#FFF;
	font-size:0.9em;


}
	
/* General styling for both valid and invalid input */
.invalidInput,.validInput{
	display:compact;


}
/* Style for invalid input */
.invalidInput{
	background-image: url(http://cdn.iconfinder.net/data/icons/fugue/icon/cross.png);
	background-repeat:no-repeat;
	padding-left:20px;


}


/* Style for valid input */
.validInput{
	background-image: url(http://cdn.iconfinder.net/data/icons/silk2/tick.png );
	background-repeat:no-repeat;
	padding-left:20px;


}
</style>
<script type="text/javascript">
/************************************************************************************************************
(C) www.dhtmlgoodies.com, February 2006


This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	


Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.


Thank you!


www.dhtmlgoodies.com
Alf Magne Kalleland


************************************************************************************************************/	
	
	
// Patterns
var formValidationMasks = new Array();
formValidationMasks['email'] = /\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b/gi;	// Email
formValidationMasks['numeric'] = /^[0-9]+$/gi;	// Numeric
formValidationMasks['zip'] = /^[0-9]{5}\-[0-9]{4}$/gi;	// Numeric


var formElementArray = new Array();


/* These two event functions are from http://ejohn.org/apps/jselect/event.html */


function addEvent( obj, type, fn ) { 
  if ( obj.attachEvent ) { 
    obj['e'+type+fn] = fn; 
    obj[type+fn] = function(){obj['e'+type+fn]( window.event );} 
    obj.attachEvent( 'on'+type, obj[type+fn] ); 
  } else 
    obj.addEventListener( type, fn, false ); 
} 
function removeEvent( obj, type, fn ) { 
  if ( obj.detachEvent ) { 
    obj.detachEvent( 'on'+type, obj[type+fn] ); 
    obj[type+fn] = null; 
  } else 
    obj.removeEventListener( type, fn, false ); 
} 




function validateInput(e,inputObj)
{
	if(!inputObj)inputObj = this;		
	var inputValidates = true;
	
	if(formElementArray[inputObj.name]['required'] && inputObj.tagName=='INPUT' && inputObj.value.length==0)inputValidates = false;
	if(formElementArray[inputObj.name]['required'] && inputObj.tagName=='SELECT' && inputObj.selectedIndex==0){
		inputValidates = false;
	}
	if(formElementArray[inputObj.name]['mask'] && !inputObj.value.match(formValidationMasks[formElementArray[inputObj.name]['mask']]))inputValidates = false;


	if(formElementArray[inputObj.name]['freemask']){
		var tmpMask = formElementArray[inputObj.name]['freemask'];
		tmpMask = tmpMask.replace(/-/g,'\\-');
		tmpMask = tmpMask.replace(/S/g,'[A-Z]');
		tmpMask = tmpMask.replace(/N/g,'[0-9]');
		tmpMask = eval("/^" + tmpMask + "$/gi");
		if(!inputObj.value.match(tmpMask))inputValidates = false
	}	
	
	if(formElementArray[inputObj.name]['regexpPattern']){
		var tmpMask = eval(formElementArray[inputObj.name]['regexpPattern']);
		if(!inputObj.value.match(tmpMask))inputValidates = false
	}
	if(!formElementArray[inputObj.name]['required'] && inputObj.value.length==0 && inputObj.tagName=='INPUT')inputValidates = true;
	
	
	if(inputValidates){
		inputObj.parentNode.className='validInput';
	}else{
		inputObj.parentNode.className='invalidInput'
	}
}


function isFormValid()
{
	var divs = document.getElementsByTagName('DIV');
	for(var no=0;no<divs.length;no++){
		if(divs[no].className=='invalidInput')return false;
	}
	return true;	
}








function initFormValidation()
{
	var inputFields = document.getElementsByTagName('INPUT');
	var selectBoxes = document.getElementsByTagName('SELECT');
	
	var inputs = new Array();
	
	
	for(var no=0;no<inputFields.length;no++){
		inputs[inputs.length] = inputFields[no];
		
	}	
	for(var no=0;no<selectBoxes.length;no++){
		inputs[inputs.length] = selectBoxes[no];
		
	}
	
	for(var no=0;no<inputs.length;no++){
		var className = inputs[no].parentNode.className;
		if(className && className.indexOf('validInput')>=0)continue;			
		var required = inputs[no].getAttribute('required');
		if(!required)required = inputs[no].required;		
		
		var mask = inputs[no].getAttribute('mask');
		if(!mask)mask = inputs[no].mask;
		
		var freemask = inputs[no].getAttribute('freemask');
		if(!freemask)freemask = inputs[no].freemask;
		
		var regexpPattern = inputs[no].getAttribute('regexpPattern');
		if(!regexpPattern)regexpPattern = inputs[no].regexpPattern;
		
		var div = document.createElement('DIV');
		div.className = 'invalidInput';
		inputs[no].parentNode.insertBefore(div,inputs[no]);
		div.appendChild(inputs[no]);
		div.style.width = inputs[no].offsetWidth + 'px';
		
		addEvent(inputs[no],'blur',validateInput);
		addEvent(inputs[no],'change',validateInput);
		addEvent(inputs[no],'paste',validateInput);
		addEvent(inputs[no],'keyup',validateInput);
		
	
		formElementArray[inputs[no].name] = new Array();
		formElementArray[inputs[no].name]['mask'] = mask;
		formElementArray[inputs[no].name]['freemask'] = freemask;
		formElementArray[inputs[no].name]['required'] = required;
		formElementArray[inputs[no].name]['regexpPattern'] = regexpPattern;


		validateInput(false,inputs[no]);
			
	}	
}


window.onload = initFormValidation;


</script>
<?php
require("includes/systemen/outgame/inc.register.php");
echo' 
<div id="content_top"> </div>


        <div id="content">


<h1 class="titel">Registreren</h1>


Nog geen account? No problemo! Registreer je hier en maak <b>gratis</b> deel uit van het tofste maffiaspel van ' . date("Y") . '!
<font color="red"><small>Het maken van dubbel accounts is verboden!</small></font>


<form method="post">
<table cellspacing="4" cellpadding="0">


<tr>
<td>Gebruikersnaam:</td>
<td><input type="text" class="input" required="1" name="login"></td>
</tr>


<tr>
<td>Wachtwoord:</td>
<td><input type="password" class="input" required="1" name="pass"></td>
</tr>


<tr>
<td>Wachtwoord (Herhaal):</td>
<td><input type="password" class="input" required="1" name="pass_repeat"></td>
</tr>


<tr>
<td>E-mail adres:</td>
<td><input type="text" class="input" required="1" mask="email" name="email">></td>
</tr>


<tr>
<td><input type="checkbox" name="agree" style="float: right"></td>
<td>Ik ga akkoord met de <a href="index.php?p=rules" target="_blank">voorwaarden en regels</a> van Criminolz</td>
</tr>


<tr>
<td>&nbsp;</td>
<td><input type="submit" class="submit" name="submit" value="Registreer"></td>
</tr>
</table>
        </div>
        <div id="content_bottom"> </div>
';