I've manage to solve this by having an other intense look around upon the Internets and found a slight solution to what I wanted.
[PHP] This is the php script above my Container DIV which holds the form.
<?php
$error = "";
if(isset($_POST['login']))
{
if( !empty($_POST['username']))
{
}
else
{
$error = "You must supply a username!.";
}
if( !empty($_POST['password']))
{
}
else
{
$error = "You must supply a password!.";
}
}
}
?>
[HTML] These are the container bits on the site to function the form.
<div id="BlogRegPanelHolder">
<form action="Register.php" method="post" id="RegisterForm">
<div id="NotifyForm">
<div><?php echo $error; ?></div>
</div>
<div id="UserForm">
<input type="text" name="username" style="width: 458px; height: 31px; background:transparent; color: silver; border: 0px" value="" size="70" />
</div>
<div id="UserPassForm">
<input type="password" name="password" style="width: 458px; height: 31px; background:transparent; color: silver; border: 0px" value="" size="70" />
</div>
<div id="UserConfirmPassForm">
<input name="password2" type="password" style="width: 458px; height: 31px; background:transparent; color: silver; border: 0px" value="" size="70" />
</div>
<div id="UserEmailForm">
<input name="email" type="Text" style="width: 458px; height: 31px; background:transparent; color: silver; border: 0px" value="" size="70" />
</div>
<div id="RegButtonHolder">
<input name="login" value="" type="Submit" style="background:url(../../Images/RegButtonHover.png) no-repeat; width:292px; height:71px; " />
</div>
</form>
</div>
Hope this is helpful to anyone else that has this same problem!