Formular überprüfen und verschicken
<script language="JavaScript" type="text/javascript">
Auf dieser Seite wurde das Script der vorigen Seite etwas erweitert um eine simple if-Struktur, die überprüft, ob im Eingabefeld etwas eingetragen wurde. Ist das nicht der Fall, wird ein Infotext angezeigt, anderfalls wird abgeschickt.
Es ist heutzutage nicht mehr nötig ein Eingabefeild auf diese Art zu überprüfen. Das Standalone Attribut required im input Feld reicht aus und der Browser übernimmt die Überprüfung.
Das Eingabefeld hat den name und die id "eingab". Es folgt ein span Tag mit der id "eingabInfo"
HTML
<form name="form1" method="post">
<p>
<label for="eingab">Text Field:</label>
<input name="eingab" type="text" id="eingab"><span id="eingabInfo"></span>
</p>
<p>
<input type="button" value="Senden" onclick="senden()">
<input type="button" value="Reset" onclick="rueckSetz()">
</p>
</form>
Javascript
<script>
function senden(){
if(document.getElementById('eingab').value == ""){
document.getElementById('eingabInfo').innerHTML = "Das wurde nicht ausgefüllt";
}else{
window.document.forms[0].submit();
}
}
function rueckSetz(){
document.getElementById('eingabInfo').innerHTML = "";
window.document.forms[0].reset();
}
window.document.forms[0].action = "formulaAbhol.php";
</script>
