Soo hab mir das ganze jetzt mal angeschaut
Du solltest dir AUF JEDEN FALL! nochmal die HTML Grundlagen durch schauen.
das meta charset Element, was du in Zeile 1 hast gehört in den Head,
über den Titel. In die Erste Zeile gehört die Deklaration der HTML
Version,w elche du nutzt (<!doctype html> für html5).
Nach dem <head> Element kommt der <body> und um head und
body gehört das <html> Element.
Generell soltlest du auch Tabellen wirklich nur dann verwenden
wenn du eine Tabelle darstellen möchtest. Allgemein
Layoutgestaltung immer mit Divs.
Allgemein ist jQuery echt was tolles! Da kann man sehr einfach
und sehr schnell extrem schöne Sachen zuabern... aber wenn HTML
und CSS schon die Funktionen bieten, wieso dann noch jQuery
einbinden und damit zusätzlichen Traffic erzeugen? Wobei du das
hier eig echt nett gemacht hast. Man könnte das Key-Input feld evtl.
noch etwas schöner gestalten (nicht mit pipes und unterstrichen
sondern mit css oder Grafiken) aber sonst ne gute Idee
Allgemein Stichpunkt Traffic. Die Bidler die du Nutzt sind extrem
groß (von der Datenmenge her). Du soltlest diese auf jeden Fall
komprimieren. Allgemein sollten Bilder nicht größer als
maximal 200 - 400kb sein.
Hierzu rate ich dir:
bzw
Hier nochmal die index.php nach HTML5 Standards. Vielleicht guckst du dir ja einfach mal den Quellcode an und vergleichst ihn mit deinem... hoffe das hilft dir
HTML Code:
<!doctype HTML>
<html>
<head>
<meta charset="utf-8">
<title>Beta Registrierung</title>
<link rel="stylesheet" type="text/css" href="./css/style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="./js/jQuery.js"></script>
<script type="text/javascript" src="./js/jquery.maskedinput.min.js"></script>
</head>
<body>
<div id="main">
<div id="header">Beta Registrierung</div>
<div id="register_form">
<form id="beta_register" autocomplete="off">
<input type="text" id="username" placeholder="Benutzername" class="input_text">
<input type="password" id="passwort" placeholder="Passwort" class="input_text">
<input type="text" id="mail" placeholder="E-Mail" class="input_text" pattern="{0,5}">
<input type="text" id="beta_key" placeholder="Beta Key" class="input_text">
<input type="button" value=" " id="register_button">
<input type="button" value=" " id="register_button_g">
</form>
</div>
</div>
</body>
</html>
Hier kannst du btw deinen HTML Code checken:
Achja @Andres:
Das Script funktioniert:
Code:
$("#register_button").click(function() {
$.post("./module/beta_register.php",
{
username : $("#username").val(),
passwort : $("#passwort").val(),
mail : $("#mail").val(),
beta_key : $("#beta_key").val()
},
function(data) {
$("#register_form").html(data);
});
in der js Datei ^^
Klar... es fehlt noch die Query und die Datenbankconnection... aber das Formular wird abgeschickt.