rolanddreix
New member
vor dem senden eines Formulars prüfe ich ob die Pflichtfelder auch gefüllt sind.
Dennoch kommt es vor, dass das Formular ohne Daten gespeichert wird.
Wie kann das sein? Oder wie kann ich das sicher verhindern?
Dennoch kommt es vor, dass das Formular ohne Daten gespeichert wird.
Wie kann das sein? Oder wie kann ich das sicher verhindern?
Code:
<script>
function pruefe_felder(){
switch(true){
case($.trim($('#vorname').val())==''):
alert("Bitte trage Deinen Vornamen ein!");
$('#vorname').focus();
break;
case($.trim($('#vorname').val()).length<2):
alert("Bitte überprüfe Deinen Vornamen "+$.trim($('#vorname').val())+"! Er scheint zu kurz zu sein.");
$('#vorname').focus();
break;
case($('#name').val()==''):
alert("Bitte nenne uns Deinen Namen!");
$('#name').focus();
break;
case($.trim($('#name').val()).length<2):
alert("Bitte überprüfe Deinen Namen "+$.trim($('#name').val())+"! Er scheint zu kurz zu sein.");
$('#name').focus();
break;
default:
$.ajax({
url: "phps/gaestebuch_eintrag_speichern.php",
data: ({
"vorname": $('#vorname').val(),
"name": $('#name').val()
}),
type: "POST",
success: function(data){
alert("Danke für deinen Beitrag!");
}
})
}
}
</script>
<form method="post" action=".">
<table id="eingabefeld_gaestebuch_tabelle">
<tr>
<td><label>Vorname</label></td>
<td><input id="vorname" placeholder="Vorname" name="vorname" required="required" type="text"></td>
<TD rowspan="6">
<textarea id="text" placeholder="dein Text" name="text" required="required" ></textarea>
</TD>
</TR>
<TR>
<td><label>Name</label></td>
<td><input id="name" placeholder="Name" name="name" required="required" type="text"></td>
</tr>
<TR>
<TD> </TD>
<TD>
<input class="button" style="width: 100%;" type="button" value="senden" onclick="pruefe_felder()">
</TD>
</TR>
</table>
</form>