Hallo,
bin gerade dabei unser Register System zu machen und wollte statt die Seite neu zu laden es mit Ajax machen ohne die Seite zu aktualiesieren.
Leider funktioniert es nicht:
/user/register.php müsste eigentlich geladen werden , weil es funktioniert auch bei der Form wenn ich den Pfad angebe.
Es zeigt mir keine Fehlermeldung an oder sonst was, auch nicht meine Fehlermeldung die ich mit $("#btn-submit").html('....'); wiedergebe, desweiterin Lädt die Seite sich neu .
Hoffentlich könnt ihr mir helfen , habe kaum kenntnise zu Ajax.
bin gerade dabei unser Register System zu machen und wollte statt die Seite neu zu laden es mit Ajax machen ohne die Seite zu aktualiesieren.
Leider funktioniert es nicht:
Code:
$(function submitForm(){
var data = $("#reg").serialize();
$.ajax({
type : 'POST',
url : '/user/register.php',
data : data,
beforeSend: function()
{
$("#errornosmagicreg").fadeOut();
$("#btn-submit").html('Wird gesendet ...');
},
success : function(data)
{
if(data==1){
$("#errornosmagicreg").fadeIn(1000, function(){
$("#errornosmagicreg").html('Dein Benutzername wird bereits benutz !');
$("#btn-submit").html('Registrieren');});
}else if(data=="registered")
{
$("#btn-submit").html('Signing Up ...');
setTimeout('$(".form-signin").fadeOut(500, function(){ $(".signin-form").load("success.php"); }); ',5000);
}
else{
$("#errornosmagicreg").fadeIn(1000, function(){
$("#errornosmagicreg").html('Account wird erstellt...');
$("#btn-submit").html('Create Account');});
}
}});
return false;
}
HTML-Code:
<form method="post" name="reg" id="reg"> <label for="username">Benutzername*:</label> <div class="input_wrapper "> <input maxlength="16" id="username" name="username" onkeyup="$('.error_message_wrapper').remove();" class="ok-field validate[required,custom[noSpecialCharacters],minSize[5],maxSize[16]" value="" type="text"> </div> <label for="mail">E-Mail*:</label> <div class="input_wrapper "> <input id="mail" name="mail" maxlength="60" onkeyup="$('.error_message_wrapper').remove();" class="ok-field validate[required,custom[email]]" value="" type="text"> </div> <div id="passwortStrengthWrapper"> <label id="passwordHint">Passwort*: </label> <div class="input_wrapper "> <div id="passwordHelp"> <span class="arrow"></span> <p><span class="info_icon_shadow"> </span>Damit andere Leute dein Passwort nicht erraten können, stelle bitte sicher, dass dein Passwort aus <strong>mindestens einem Großbuchstaben</strong> oder <strong>einer Zahl</strong> besteht. Zudem sollte es aus <strong>mindestens 8 Zeichen</strong> zusammengesetzt sein.</p> </div> <input class="ok-field validate[required,minSize[4],maxSize[16],custom[noSpecialCharacters]]" id="password" name="password" autocomplete="off" maxlength="16" value="" onkeyup="$('.error_message_wrapper').remove();" onfocus="//$('#passwordHelp').fadeToggle()" onblur="//$('#passwordHelp').fadeToggle()" type="password"> <p><span class="icon_lock"> </span>Passwortsicherheit:</p> <div id="securePwd"> <div class="valid-icon invalid"></div> <div class="securePwdBarBox"> <div id="securePwdBar"></div> </div> <br class="clearfloat"> </div> </div> </div> <label for="passwordRepeat">Passwort wiederholen*:</label> <div class="input_wrapper "> <span id="pwr" class=""> <input autocomplete="off" id="passwordRepeat" name="passwordRepeat" onkeyup="$('.error_message_wrapper').remove();" class="ok-field password_field validate[required,equals[password]]" value="" type="password"> </span> </div> <div class="input_wrapper checkbox_wrapper"> <p>* = Pflichtfelder</p> </div> <input value="Registrieren" type="submit" id="btn-submit"> </form>
Es zeigt mir keine Fehlermeldung an oder sonst was, auch nicht meine Fehlermeldung die ich mit $("#btn-submit").html('....'); wiedergebe, desweiterin Lädt die Seite sich neu .
Hoffentlich könnt ihr mir helfen , habe kaum kenntnise zu Ajax.
( werde es nach der Arbeit versuchen zu beheben )
Kommentar