javascript variable auswerten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • javascript variable auswerten

    Hi zusammen,

    Ich benutze folgende jquery Abfrage um einen Benutzernamen auf bereits vorhanden bei der Registrierung zu checken:

    Quellcode

    1. <script type="text/javascript">
    3. $(document).ready(function() {
    4. $('#usernameLoading').hide();
    5. $('#username').blur(function(){
    6. $('#usernameLoading').show();
    7. $.post("helper.php", {
    8. username: $('#username').val()
    9. }, function(response){
    10. $('#usernameResult').fadeOut();
    11. setTimeout("finishAjax('usernameResult', '"+escape(response)+"')", 400);
    12. });
    13. return false;
    14. });
    15. });
    17. function finishAjax(id, response) {
    18. $('#usernameLoading').hide();
    19. $('#'+id).html(unescape(response));
    20. $('#'+id).fadeIn();
    22. }
    Alles anzeigen


    die helper.php sieht folgendermaßen aus:

    Quellcode

    1. <?php
    2. include("functions.php");
    4. echo check_username($username);
    6. ?>


    Die Function sieht so aus:

    Quellcode

    1. function check_username($username){
    2. dbconn();
    4. $sql = mysql_query("SELECT * FROM userdata WHERE username = '$username' LIMIT 1");
    5. $result = mysql_fetch_assoc($sql);
    6. $res = mysql_affected_rows();
    7. if($res == "1"){
    8. //return '<span style="color:#f00">Vergeben</span>';
    9. return "1";
    10. }
    11. else
    12. {
    13. //return '<span style="color:#0c0">OK</span>';
    14. return "0";
    15. }
    16. }
    Alles anzeigen


    Im HTML sieht die Auswertung folgendermaßen aus:

    Quellcode

    1. <span id="usernameLoading"><img src="img/ajax-loader.gif" alt="Ajax Indicator" /></span><span id="usernameResult"></span>


    Funktioniert soweit auch einwandfrei. Ich bekomme ne 1 wenn der Benutzername vergeben ist, und ne 0 wenn er frei ist. Nun habe ich aber noch eine Fehlerauswertung auf der Seite welche folgendermaßen aussieht:

    Quellcode

    1. function formcheck() {
    3. form = document.registerform;
    4. error = "";
    5. var validate ="<?php echo $sum ?>";
    6. var username_check = "<?php echo $ucheck; ?>";
    7. //Textfelder überprüfen --->
    8. if (form.firstname.value == "") {
    9. error = "Vorname fehlt\n";
    10. }
    11. if (form.lastname.value == "") {
    12. error += "Nachname fehlt\n";
    13. }
    Alles anzeigen


    Hier möchte ich noch einbauen das wenn ich in der Funktion username_check eine 1 bekomme hier die entsprechende fehlermeldung ausgegeben wird beim Absenden des Forms, weil, momentan wird dem Benutzer zwar angezeigt das der Benutzername vergeben ist, aber er kann dennoch das Formular abschicken, das möchte ich natürlich nicht.

    Merci vorab fürs drüberschaun!

    Grüße,
    Matthias
    Das Leben ist binär - du bist eine 1, oder eine 0

  • Hi,

    das kannst du nur machen, indem du auch mit JavaScript das Formular absendetst.
    Das kannst du einfach mittels submit() machen, wenn keine Fehler vorhanden sind.
    Zudem musst du denn auch den type von submit auf button stellen.

    Aber beachte, das Clientseitige Überprüfungen nur der Usability dienen und nicht die Serverseitigen Überprüfugnen ersetzen sollen.

  • Hi!

    Ich schicke das Formular mittels Javascript ab

    Quellcode

    1. <form name="registerform" action="<?php $PHP_SELF; ?>" method="POST" onSubmit="return formcheck()">


    oder?

    Wenn dem so ist, was muss ich dann ändern damit die erste funktion bei vergebenem usernamen die error funktion in die zweite schreibt? Dooferweise habe ich von Javascript soviel Ahnung wie ne Kuh vom Weitsprung :(

    Matze
    Das Leben ist binär - du bist eine 1, oder eine 0

  • Hi!

    Ja, firstname und lastname existieren, aber mein Problem ist das ich a, nicht weiß wie ich die Funktion usercheck auswerten kann, und b, ich nicht weiß wie ich dann anhand dieser Auswertung entweder in der anderen Funktion einen error patzieren kann oder eben nicht.

    Ich versuch es nochmal darzustellen:

    Quellcode

    1. <script type="text/javascript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script>
    2. // Hier wird der Username geprüft und entweder wird ok oder vergeben in die ID im HTML zurückübergeben, das funktioniert.
    3. <script type="text/javascript" src="jquery.js"></script>
    4. <script type="text/javascript">
    6. $(document).ready(function() {
    7. $('#usernameLoading').hide();
    8. $('#username').blur(function(){
    9. $('#usernameLoading').show();
    10. $.post("helper.php", {
    11. username: $('#username').val()
    12. }, function(response){
    13. $('#usernameResult').fadeOut();
    14. setTimeout("finishAjax('usernameResult', '"+escape(response)+"')", 400);
    15. });
    16. return false;
    17. });
    18. });
    20. function finishAjax(id, response) {
    21. $('#usernameLoading').hide();
    22. $('#'+id).html(unescape(response));
    23. $('#'+id).fadeIn();
    24. error = "Benutzername bereits vergeben\n";
    25. } //finishAjax
    26. </script>
    27. // Hier endet die Funktion zur Prüfun des Usernames
    28. <script language="JavaScript">
    31. //Hier beginnt die Fehlerauswertung des Formulars, hat es Fehler kann das Formular nicht abgeschickt werden.[/b] Ist momentan ein Username vergeben wird dies zwar im id des HTML ausgegeben, das Formular kann aber dennoch abgeschickt werden. Das soll nicht sein.
    32. <!--
    33. function formcheck() {
    35. form = document.registerform;
    36. //error = "";
    37. var validate ="<?php echo $sum ?>";
    38. var username_check = "<?php echo $ucheck; ?>";
    39. //Textfelder überprüfen --->
    40. if (form.firstname.value == "") {
    41. error = "Vorname fehlt\n";
    42. }
    43. if (form.lastname.value == "") {
    44. error += "Nachname fehlt\n";
    45. }
    46. if (form.password.value != form.password_retype.value) {
    47. error += "Die Passwörter stimmen nicht überein\n";
    48. }
    49. if (form.email.value != form.email_retype.value) {
    50. error += "Die Emailadressen stimmen nicht überein\n";
    51. }
    52. if (form.verify.value != validate) {
    53. error += "Verifizierung stimmt nicht!\n";
    54. }
    55. if (username_check != "0") {
    56. error += username_check;
    57. }
    58. if(form.agb.checked == false){
    59. error += "Bitte stimmen Sie unseren AGB's zu!\n";
    60. }
    61. if(form.use_legal.checked == false){
    62. error += "Bitte stimmen Sie unseren Nutzungsbedingungen zu!\n";
    63. }
    64. if (form.email.value == "") {
    65. error += "Emailadresse fehlt\n";
    66. }
    Alles anzeigen
    Das Leben ist binär - du bist eine 1, oder eine 0

  • Um gezielt Inhalte zwischen dem Server und dem Browser hin und her schicken zu können, benutzt man mitlerweile die gut verbreitete Möglichkeit über JSON:

    Bei jQuery kenn ich mich nicht gut genug aus, denke aber, dass man das in deinem Fall über die Funktion jQuery.getJSON lösen würde.
    Auch in der Wiki findest du von unserem großen Spezialisten einen wunderbaren und anschaulichen Eintrag über das Thema: [wiki]JSON: PHP und JavaScript[/wiki]