Ergebnis 1 bis 9 von 9

Thema: Javascript onSubmit Problem

  1. #1
    HTML Newbie
    Registriert seit
    21.07.2009
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Javascript onSubmit Problem

    Hallo zusammen. Ich habe ein Problem mit onSubmit in einem Formular. Ich möchte nach absenden eine Funktion ausführen, die per AJAX eine PHP-Datei aufruft.

    Wenn ich dies per onSubmit versuche, passiert nichts. Lege ich aber auf den Absenden-Button die Funktion mithilfe von onClick, dann tut er was ich will. Ich stehe mittlerweile echt vorm Berg und vielleicht sieht ja hier jemand den Fehler.

    HTML-Code:
    <html>
    <head>
    <title>ID-Test</title>
    <script src="prototype.js" type="text/javascript"></script>
    <script type="text/javascript">
    
    
    function check_id(gid) {
      document.getElementById('output').innerHTML = '<b>Bitte warten ...!</b>';
      var myAjax = new Ajax.Request(
        "idcheck.php?id="+gid,
        { method: 'get', onComplete: show_idresult }
      );
    }
    
    function show_idresult( originalRequest ) {
       document.getElementById('output').innerHTML = originalRequest.responseText;
    }
    
    </script>
    
    <style type="text/css">
    <!--
    table {
        font-family: Arial, Helvetica, sans-serif;
        size: 9px;
        text-align: center;
        background-color: #F2F2F2;
    }
    
    .available {
        background-color: #CCFF99;
        font-color: #33B200;
        border: 1px solid #33B200;
    }
    
    
    .registered {
        background-color: #FFB2B2;
        font-color: #CC0033;
        border: 1px solid #CC0033;
    }
    -->
    </style>
    </head>
    <body>
    
     <form action="#" name="check" method="post" onsubmit="check_id(this.form.gamerid.value)"><input type="text" name="gamerid" size="20"> 
     <input type="submit" value="GamerID pr&uuml;fen"></form>
     <br />
     <div style="width:400px; border: 0px black solid;" id="output">
     Bitte geben Sie die zu testende ID in das Feld ein und dr&uuml;cken Sie auf ID pr&uuml;fen.
     </div>
    
    </body>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Pion
    Gast

    Standard AW: Javascript onSubmit Problem

    Wo ist das Problem wenn du ein onclick auf den submit legst???

    Anonsten:
    Fehler: this.form is undefined
    Quelldatei: file:///C:/Dokumente%20und%20Einstellungen/Dominik/Desktop/test.html#
    Zeile: 1

    check.gamerid.value

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    21.07.2009
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Javascript onSubmit Problem

    Das Problem ist, dass es Leute gibt, die die ID reintippen und enter drücken. Und dann passiert nichts.

  4. #4
    Pion
    Gast

    Standard AW: Javascript onSubmit Problem

    Tread erledigt ja?
    Geändert von Pion (21.07.2009 um 20:19 Uhr)

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    21.07.2009
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Javascript onSubmit Problem

    Nein, das Problem besteht noch immer. Wieso kommst Du darauf, dass es gelöst ist? Der JS-Fehler, den Du genannt hast, tritt bei mir übrigens nicht auf.

  6. #6
    Forum Guru
    Registriert seit
    13.01.2005
    Ort
    Schweiz
    Beiträge
    5.240
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Javascript onSubmit Problem

    Pion hat dir ja den Fehler vor die Nase gehalten
    Code:
     <form action="#" name="check" method="post" onsubmit="check_id(this.form.gamerid.value)"><input type="text" name="gamerid" size="20">
    Mit this referenzierst du das Element, von dem aus das Ereignis kommt, also <form>. Mit this.form, sagst du also Javascript im Prinzip, dass <form> ein Attribut oder ein Formularelement-Kind Namens form hat. Hat es aber nicht.
    Der Code müsste also so aussehen:
    Code:
     <form action="#" name="check" method="post" onsubmit="check_id(this.gamerid.value)"><input type="text" name="gamerid" size="20">
    Das sollte dein Problem lösen.
    Übrigens: wenn du Funktionen aufs form onsubmit legst, kannst du schöne Form Validierung einbauen, bei der false zurückgegeben wird und somit das Ereignis submit abgebrochen wird.
    Geändert von phore (23.07.2009 um 10:19 Uhr)

  7. #7
    Pion
    Gast

    Standard AW: Javascript onSubmit Problem

    Wie ich oben schrieb würde ich nicht this nehmen sondern

    "
    check.gamerid.value
    "


    mfg

  8. #8
    HTML Newbie
    Themenstarter

    Registriert seit
    21.07.2009
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Javascript onSubmit Problem

    Okay.

    Brett -> Kopf ->

    Danke sehr.

  9. #9
    Forum Guru
    Registriert seit
    13.01.2005
    Ort
    Schweiz
    Beiträge
    5.240
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Javascript onSubmit Problem

    Zitat Zitat von Pion Beitrag anzeigen
    Wie ich oben schrieb würde ich nicht this nehmen sondern

    "
    check.gamerid.value
    "
    Warum würdest du nicht this nehmen? Gibt ein Ding weniger was du ändern musst wenn du z.B. das Formular umbenennst.

Ähnliche Themen

  1. Problem mit Javascript
    Von Peter123 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 26.03.2009, 15:08
  2. JavaScript Problem
    Von Acro im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 8
    Letzter Beitrag: 23.09.2008, 22:00
  3. onSubmit --> mehrere Funktionen anhängen
    Von OliverN26 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 28.03.2007, 17:13
  4. Problem mit JavaScript in PHP?
    Von renhe78 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 0
    Letzter Beitrag: 29.10.2006, 20:59
  5. Problem mit JavaScript!
    Von ke778 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 04.06.2004, 23:37

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •