eingaben checken

[nakg]

hi leute!
habe ein script in welchem 3 eingaben gemacht werden

echo"<table>";
echo"<form  method=\"post\" action=\"tab_daten.php\" target=\"main\">\n";
echo"<tr><td><b>Erhebungsname:</b></td><td><input type=text name=\"erh_name\" size=50 maxlength=50></td></tr>\n";
echo"<tr><td><b>Tabellenname:</b></td><td><input type=text name=\"tbl\" size=20 maxlength=20></td></tr>\n";
echo"<tr><td><b>Anzahl der benötigten Textfelder:</b></td><td><input type=int name=\"anzahl_felder\">(z.B.:....)</td></tr>\n";
echo"<tr><td><font size=-1>Mit weiter werden die Eingaben verarbeitet.</font></td><td><input type='submit' name='weiter' value='Verarbeiten'></td>\n";
echo"</form>";
echo"</table>\n"; 

hab jetzt gehört man kann diese eingaben vor dem "abschicken" durch java script funktionen prüfen lassen ??
wenn ja wie binde ich dann eine js funktion die sowas macht in meinem php script ein ?
bitte ev um ein kleines bsp oder so

[Kropff]

guck mal bei SelfHTML nach

onSubmit 

bzw.

document.forms.elements.value 

gruss
peter

[schlimmerfinger]

Man setzt im den Form-Tag noch ein Event-Handler onsubmit. Dieser bewirkt das sobald das Formular, durch das bestätigen über das Submit-Button, gesendet wird, erstmal ein JavaScript ausgeführt werden soll. In userem Fall eine Funktion.

<form onsubmit="return checkForm(this);"> 

. Das return vor der Funktion verhindert das senden des Formulars sobald die Funktion false liefert. This liefert die Referenz des Form-Objekts. Es hat den gleichen Effeckt wie

document.forms[0] 

. Mit

document.forms[0].elements['test'] 

sprichst du das test Eingablefeld an. Und mit

document.forms[0].elements['test'].value 

erhälst du den Inhalt des Elements. Weitere Eigenschaften und Methoden erfährst du unter http://www.selfhtml.net/javascript/objekte/elements.htm .

Das Sktipt konnte also folgendermaßen aussehen:

<form onsubmit="return checkForm(this);">
<input type="text" name="test"> 
<input type="submit" name="go" value="Teste">
</form>

<script>
<!--
function checkForm(objForm)
{
    var error = new Boolean(false);
    var errmsg = new String("Falsch");

    if (objForm.elements['test'].value == "" || objForm.elements['test'].value == errmsg) {
        objForm.elements['test'].value = errmsg;
        error = true;
    }

    return !error;
}
//-->
</script> 

Wichtig
Nichts desto trotz sollte man zusätzlich mit PHP die Eingabe Validieren.

cheers

[Abraxax]

*VERSCHIEB* mal nach js