Walidacja

Przykład 1

<form id="f1" name="form1" action="walidacja.htm" onsubmit="return validate1()">
<label for="t1">Podaj liczbę od 1 do 5:</label>
<input type="text" id="t1" name="text1" value="">
<button type="submit" id="b1">Wyślij</button>
</form>

<script>
function validate1() {
    var liczba = document.getElementById("t1").value;

    if (isNaN(liczba) || liczba < 1 || liczba > 5) {
        alert("Podaj liczbę w zakresie 1..5");
        return false;
    } else {
        return true;
    }
}    
</script>

Przykład 2

<form id="f2" name="form2" action="walidacja.htm" onsubmit="return validate2()">
<label for="t2">Podaj liczbę od 1 do 5:</label>
<input type="text" id="t2" name="text2" value="">
<button type="submit" id="b2">Wyślij</button>
</form>

<script>
function validate2() {
    var liczba = document.forms["f2"]["t2"].value;

    if (isNaN(liczba) || liczba < 1 || liczba > 5) {
        alert("Podaj liczbę w zakresie 1..5");
        return false;
    } else {
        return true;
    }
}    
</script>

Przykład 3

<form id="f3" name="form3" action="walidacja.htm">
<label for="t3">Podaj liczbę od 1 do 5:</label>
<input type="number" id="t3" name="text3" value="" min="1" max="5" required>
<button type="submit" id="b3">Wyślij</button>
</form>

Przykład 4

<form id="f4" name="form4" action="walidacja.htm" onsubmit="return validate4()">
<input type="radio" id="r1" name="sezon" value="wiosna"><label for="r1">Wiosna</label><br>
<input type="radio" id="r2" name="sezon" value="lato"><label for="r2">Lato</label><br>
<input type="radio" id="r3" name="sezon" value="jesien"><label for="r3">Jesień</label><br>
<input type="radio" id="r4" name="sezon" value="zima"><label for="r4">Zima</label><br>
<button type="submit" id="b4">Wyślij</button>
</form>

<script>
function validate4() {
    var sezon = document.forms["f4"];
    
    for (var i = 0; i < 4; i++) if (sezon[i].checked) break;
    
    if (i == 4) {
        alert("wybierz porę roku");
        return false;
    } else {
        return true;
    }
}
</script>

Strona główna