Supportnet / Forum / Skripte(PHP,ASP,Perl...)
Javascript wird nicht ausgeführt - warum?
Frage
Hallo,
ich habe folgendes Problem:
Ich habe eine Seite erstellt, wo ich auch noch alle Eingabefelder in eine TAB-Reihenfolge bringen mußte, damit nicht ein versehentliches zu frühes Drücken der Enter-Taste das Formular abschickt.
Nun muß ich aber abtesten, ob in einem Feld ein Wert eingegeben wurde, oder nicht.
Ich habe also oben ein JAVA-Script eingebaut, das aber beim Klicken auf den Button nicht ausgeführt wird.
Weiß jemand Hilfe?
Hier die Seite im Quelltext:
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Ergänzung / Änderung Adressdatei</title>
<link rel="stylesheet" type="text/css" href="../formatierung.css">
<script type="text/javascript">
<!--
function chkFormular()
{
if(document.Formular.name1.value=="")
{
alert("Sie müssen den Namen eingeben !!!");
document.Formular.name1.focus();
return false;
}
}
//-->
</script>
</head>
<body onload="javascript:{if(parent.frames[0]&&parent.frames[´oben´].Go)parent.frames[´oben´].Go()}">
<h1>Ergänzung/Änderung der Adressdatei</h1>
<form method="post" action="eingabe1.php" name="Formular" onSubmit="return chkFormular()">
<table border="0" width="760" align="center">
<tr>
<td colspan="3">
<div align="center">Sie können Änderungen / Ergänzungen der Adressdatei auf diesem Wege durchführen.</div>
</td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
<tr>
<td align="right">Name:</td>
<td colspan="2">
<input class="eingabe" type="text" size="30" maxlength="30" name="name1" value="" tabindex="2">(z.B. Mustermann, Klaus)
</td>
</tr>
<tr>
<tr>
<td align="right">Straße / HNr:</td>
<td colspan="2">
<input class="eingabe" type="text" size="30" maxlength="30" name="strnr" tabindex="8">
</td>
</tr>
<tr>
<td align="right">Länderkennzeichen:</td>
<td colspan="2">
<input class="eingabe" type="text" size="3" maxlength="3" name="lkz" tabindex="9">
</td>
</tr>
<tr>
<td></td>
<td align="left">Abbuchung:<input type="checkbox" name="abbucher" value="1" tabindex="10"></td>
<td align="left">Auszahlung:<input type="checkbox" name="ueberweiser" value="1" tabindex="11"></td>
</tr>
<tr>
<td align="right">Bankleitzahl:</td>
<td colspan="2">
<input class="eingabe" type="text" size="10" maxlength="8" name="blz" tabindex="12">
</td>
</tr>
<tr>
<td align="right">Kontonummer:</td>
<td colspan="2">
<input class="eingabe" type="text" name="ktonr" size="10" maxlength="10" tabindex="13">
</td>
</tr>
<tr>
<td align="center" colspan="3">
<input type="button" tabindex="14" value="Abschicken" onclick="submit()">
</td>
</tr>
</table>
</form>
</body>
</html>
Antwort 1 von rfb
ersetze
durch
<input type="button" tabindex="14" value="Abschicken" onclick="submit()">durch
<input type="submit" tabindex="14" value="Abschicken">Antwort 2 von rfb
zur Ergänzung:
mit deiner button-onclick-submit-Konstruktion umgehst du die Einstellungen in onsubmit.
Abgesehen von diesem Problem ist grundsätzlich die Konstruktion sehr ungeschickt, da ohne JavaScript das Formular praktisch nicht mehr abzusenden ist. Aber sie ist auch völlig überflüssig, da es ja
Warum so kompliziert wenn es doch einfach geht?
mit deiner button-onclick-submit-Konstruktion umgehst du die Einstellungen in onsubmit.
Abgesehen von diesem Problem ist grundsätzlich die Konstruktion sehr ungeschickt, da ohne JavaScript das Formular praktisch nicht mehr abzusenden ist. Aber sie ist auch völlig überflüssig, da es ja
input type="submit"Warum so kompliziert wenn es doch einfach geht?