Inhalt eines Formularfelds überprüfen

Paze · 09.06.2009

Huhu,

ein Problem:

HTML:

<table frame="box" cellpadding="10%" >
<tr>
        <td>Vorname:</td>
        <td><input type="text" class="Feld" id="textfeldvorname" value=""></td>

        <td>Nachname:</td>
        <td><input type="text" class="Feld" id="textfeldname" value=""></td>


</tr>

<tr>
        <td>Geburtsdatum:</td>
        <td><input type="text" class="Feld" id="textfeldgeb" value="">   </td>

        <td>Geboren in:</td>
        <td><input type="text" class="Feld" id="textfeldin" value=""> </td>
</tr>



<tr>
        <td>Ausbildungsberuf:</td>
        <td><input type="text" class="Feld" id="textfeldberuf" value=""> </td>

        <td>Eintrittsdatum:</td>
        <td><input type="text" class="Feld" id="textfeldeintritt" value="">   </td>
</tr>
<tr>
        <td></td><td></td><td>Austrittsdatum:</td>
        <td><input type="text" class="Feld" id="textfeldaustritt" value="">  </td>

</tr>
</table>
</div>

Code:

function check()
{
    var element = null;

    element = document.getElementById('textfeldvorname');
        
        if (element.value.length == "")
        {
        alert('Bitte geben Sie den Vornamen ein!');
        element.focus();
        return false;
        }

else
    
    element = document.getElementById('textfeldname');
        if (element.value.length == "")
        {
        alert('Bitte geben Sie den Nachnamen ein!');
        element.focus();
        return false;
        }
    
else

    element = document.getElementById('textfeldgeb');
        if (element.value.length <= 0)
        {
        alert('Bitte geben Sie den Geburtstag ein!');
        element.focus();
        return false;
        }

else

    element = document.getElementById('textfeldin');
        if (element.value.length <= 0)
        {
        alert('Bitte geben Sie den Geburtsort ein!');
        element.focus();
        return false;
        }
        
else

    element = document.getElementById('textfeldberuf');
        if (element.value.length <= 0)
        {
        alert('Bitte geben Sie den Beruf ein!');
        element.focus();
        return false;
        }        
        
else

    element = document.getElementById('textfeldeintritt');
        if (element.value.length <= 0)
        {
        alert('Bitte geben Sie das Eintrittsdatum ein!');
        element.focus();
        return false;
        }            

else

    element = document.getElementById('textfeldaustritt');
        if (element.value.length <= 0)
        {
        alert('Bitte geben Sie das Austrittsdatum ein!');
        element.focus();
        return false;
        }            
    
    return true;    
}

Gibt es eine möglichkeit, dass nicht nur Überprüft wird OB was eingetragen wurde, sondern auch WAS eingetragen wurde? (zb. Austrittsdatum = Zahl, Name = text)?

Suche per Google o.ä. gaben nur PHP Scripte aus.

Danke im vorraus

lg Paze

developr · 09.06.2009

Aber sicher. Was möchtest du denn prüfen?

Ob eine Variable einem Wert entspricht?
z.B. variable = "männlich"
Ob eine Variable ein String (Text) oder ein Integer (Zahl) ist?

Paze · 09.06.2009

zb. Soll im Textfeld "Ausstritsdatum" nicht "gestern" sondern "07.06.2009" stehen.

Also eher dein 2. Punkt.

lg Paze

developr · 10.06.2009

Ich würde dir in dem Fall raten, einzelne Select-Felder für den Tag, Monat und Jahr anzulegen.

HTML:

<html>
<head>
    <title>Test</title>
</head>
<body>

<select name="tag">
<script type="text/javascript">
var output = "";
for (var i = 1; i <= 31; i++) {
    output = '<option value="' + i + '">' + i + '</option>';
    document.write(output);
}
</script>
</select>

<select name="monat">
<script type="text/javascript">
var output = "";
for (var i = 1; i <= 12; i++) {
    output = '<option value="' + i + '">' + i + '</option>';
    document.write(output);
}
</script>
</select>

<select name="jahr">
<script type="text/javascript">
var output = "";
var time = new Date();
for (var i = time.getFullYear(); i >= 1960; i--) {
    output = '<option value="' + i + '">' + i + '</option>';
    document.write(output);
}
</script>
</select>

</body>
</html>