:: Buchempfehlung ::

Socrates · #1 09.01.2007, 21:45:58

hallo!
Ich wollte mit hilfe des folgenden scripts überprüfen ob etwas in den formularfeldern steht bzw ob die angegebene mailaddi existiert:

PHP-Code:


			
<script language="JavaScript"> 
<!-- 
function EingabenUeberpruefen() 
{ 
    var Fehlermeldung = ""; 
  
    if(document.Eingabeformular.Vorname.value == "") 
    { 
        Fehlermeldung += "Bitte geben Sie Ihren Vornamen an!\n"; 
    } 
  
    if(document.Eingabeformular.Nachname.value == "") 
    { 
        Fehlermeldung += "Bitte geben Sie Ihren Nachnamen an!\n"; 
    } 

    if(document.Eingabeformular.Email.value == "") 
    { 
        Fehlermeldung += "Bitte geben Sie Ihre E-Mailadresse an!\n"; 
    } 

    if(document.Eingabeformular.Email.value.match (/^[a-zA-Z0-9_.-]{2,}@[a-z0-9-]{3,}.[a-z]{2,4}|museum$/))
    {
    Fehlermeldung += "Ihre E-Mailadresse ist ungültig!\n";
    }


    if(Fehlermeldung) 
    { 
        alert(Fehlermeldung); 
        return false; 
    } 
    else 
    { 
        return true; 
    } 
} 
// --> 
</script>

eingebunden ist das ganz so:

PHP-Code:


			
<form name="kommentar" action="weitermail.php" method="POST" onSubmit="return EingabenUeberpruefen();">

Danke shonmal für eure Hilfe!
MfG, Andy

xabbuh · #2 10.01.2007, 09:54:04

Soweit so gut. Und was ist jetzt deine Frage?

Socrates · #3 10.01.2007, 14:55:05

Mist ok! Klar Frage! Dumm! Ähm...Das Script funktioniert nicht! Wie sich das äußert? Garnicht! Es gibt weder eine Fehlermeldung noch passiert irgendwas wenn ich das Script abschicke! Das Script soll ja eigentlich vor dem abschicken überprüfen ob etwas in den formularfeldern steht bzw ob eine anständige E-Mail Adresse angegeben ist. Es passiert aber wie gesagt nichts! Wäre für eure Hilfe also dankbar, muss irgendein Fehler sein!
MfG, Andy

Dan · #4 10.01.2007, 21:56:34

Ok, erstmal die Grundlegenden Fehler:
Das <script> Element sollte kein language-Attribut haben, ausschlaggebend ist nur das type-Attribut:

PHP-Code:


			
<script type="text/javascript">
[...]

Wobei ich selbst ausgelagertes JavaScript empfehle.

PHP-Code:


			
<head>
<script src="js_datei.js" type="text/javascript"></script>
</head>

Davon abgesehen solltest du keine HTML-Kommentare innerhalb von Skriptbereichen verwenden, die Browser von vor 12 Jahren stehen nur noch im Museum ;)

Welches HTML verwendest du? Innerhalb von XHTML wäre POST und onSubmit ganz kleingeschrieben, damit es klappt.

Welchen Browser verwendest du? Je nachdem müsste es eine Fehlerkonsole geben, die dir die aktuellen Fehelr anzeigt.

Eventuell solltest du statt mit den name-Attribut mit IDs und getElementById() arbeiten. Das ist sowieso empfehlenswert, da du IDs auch für das überaus tolle <label>Element benötigst.

Ah, eventuell wird der Leerstring in der letzten Abfrage bereits als true ausgewertet und daher false zurückgegeben?

KTB · #5 11.01.2007, 08:13:49

Ich weiß nicht genau, aber irgendwie sieht mit dieses onSubmit komisch. Nehme da mal das return raus, so dass es so aussieht:

onSubmit="EingabenUeberpruefen();"

Weiterhin kannst du dir die Arbeit nach Fehlern erleichtern indem du mit ausgaben überprüfst wie weit er kommt.
So z.B.:

PHP-Code:


			
<script language="JavaScript"> 
<!-- 
function EingabenUeberpruefen() 
{ 
    alert('Funktion wird gestartet');
    var Fehlermeldung = ""; 
...

Dan · #6 11.01.2007, 10:07:00

Zitat:

Ich weiß nicht genau, aber irgendwie sieht mit dieses onSubmit komisch. Nehme da mal das return raus, so dass es so aussieht:

onSubmit="EingabenUeberpruefen();"

Nein, das ist falsch. return ist notwendig, da onsubmit true als rückgabewert erwartet, damit das Formular abgesendet wird. In allen anderen Fällen passiert gar nichts.

Andes · #7 11.01.2007, 11:48:08

Witzbold, wenn du im Script nach Eingabeformular fragst aber dein Formular kommentar heißt. Wie soll dann was funktionieren?
Teste Javascript lieber mit dem FF der spuckt dir wenigstens ordentliche Fehlermeldungen in der Fehlerkonsole aus.

Socrates · #8 11.01.2007, 15:03:27

OK daran kanns liegen teste ich gleich! Aber selber Witzbold ich benutze nur den FireFox und ich erhalte keine einzige Fehlermeldung!
:-P
MfG,Andy

Socrates · #9 11.01.2007, 15:32:07

Also es funktioniert immer noch nicht! Meine quellcodes sehen so aus:

Das Formular in weiterempfehlen.php:

PHP-Code:


			
<form name="Kommentar" action="weitermail.php" method="post" onsubmit="return EingabenUeberpruefen();">

<tr>

<td valign="top" align="left"><font face="Arial" size="2" color="#e80000"><b>Ihr Name</b></font></td>

<td valign="top" align="left"><input type ="text" name="ab" size="45"></td>

</tr>

<tr>

<td valign="top" align="left"><font face="Arial" size="2" color="#e80000"><b>Ihre E-Mail Adresse</b></font></td>

<td valign="top" align="left"><input type ="text" name="abma" size="45"></td>

</tr>

<tr>

<td valign="top" align="left"><font face="Arial" size="2" color="#e80000"><b>Empf&auml;nger E-Mail Adresse</b></font></td>

<td valign="top" align="left"><input type ="text" name="em" size="45"></td>

</tr>

<tr>

<td valign="top" align="left"><font face="Arial" size="2" color="#e80000"><b>Betreff</b></font></td>

<td valign="top" align="left"><input type ="text" name="be" size="45"></td>

</tr>

<tr>

<td valign="top" align="left"><font face="Arial" size="2" color="#e80000"><b>Nachricht</b></font></td>

<td valign="top" align="left"><font face="Arial" size="2" color="#000000"><textarea name= "ma" cols="34" rows="5"></textarea></font></td>

</tr>

<tr>

<td valign="top" align="left"></td>

<td valign="top" align="left"><input type="Submit" value="submit"><input type="reset" value="reset"></td>

</tr>

</form>

formtest.js:

PHP-Code:


			
<script type="text/javascript">

<!-- 

function EingabenUeberpruefen() 

{ 

    var Fehlermeldung = "";



    if(document.Kommentar.ab.value == "")

    {

    Fehlermeldung += "Bitte geben Sie Ihren Namen an!\n";

    }



    if(document.Kommentar.abma.value == "")

    {

    Fehlermeldung += "Bitte geben Sie Ihre E-Mailadresse an!\n";

    }



    if(document.Kommentar.abma.value.match (/^[a-zA-Z0-9_.-]{2,}@[a-z0-9-]{3,}.[a-z]{2,4}|museum$/))

    {

    Fehlermeldung += "Ihre E-Mailadresse ist ungültig!\n";

    }



    if(document.Kommentar.em.value == "")

    {

    Fehlermeldung += "Bitte geben Sie die Empf&auml;nger E-Mailadresse an!\n";

    }



    if(document.Kommentar.em.value.match (/^[a-zA-Z0-9_.-]{2,}@[a-z0-9-]{3,}.[a-z]{2,4}|museum$/))

    {

    Fehlermeldung += "Die Empf&auml;nger E-Mailadresse ist ungültig!\n";

    }



    if(document.Kommentar.be.value == "")

    {

    Fehlermeldung += "Bitte geben Sie einen Betreff an an!\n";

    }



    if(document.Kommentar.ma.value == "")

    {

    Fehlermeldung += "Bitte geben Sie eine Nachricht ein!\n";

    }



    if(Fehlermeldung)

    {

    alert(Fehlermeldung);

    return false;

    }

    else

    {

    return true;

    }

}

// -->

</script>

Einbindung in weiterempfehlen.php:

PHP-Code:


			
<head>

<script src="formtest.js" type="text/javascript"></script>

</head>

Wie gesagt es funktiniert nichts! Es wird ein Fehler ausgegeben:

Code:

EingabenUeberpruefen is not defined

Also es ist nicht definiert, was ich allerdings nicht verstehe!
HILFE! DANKE!
MfG, ANdy

Andes · #10 11.01.2007, 17:50:38

Das Witzbold war nicht so ernst gemeint :o).
Bis auf deine E-Mail Prüfung funktioniert das eigentlich was du jetzt eingestellt hast. Da wird der Fehler vielleicht wo anders liegen. Verwendest du noch mehr Javascript auf der Seite und ist da vielleicht etwas nicht richtig abgeschlossen?

Du hättest eigentlich vorher diese Meldung im FF erhalten müssen.
Fehler: document.Eingabeformular has no properties

Warum hat die Tabelle eigentlich keinen einleitenden und abschließenden table-Tag?

Edit: Bei deiner E-Mail Prüfung ist das @ Zeichen verboten.

:: Buchempfehlung ::

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!