Šta je validacija?

Validacija je provera da li su podaci koje je korisnik uneo ispravni.

4️⃣ – VALIDACIJA POMOĆU jQuery

1. Šta je jQuery?

jQuery je JavaScript biblioteka koja pojednostavljuje rad sa DOM-om i događajima.

2. Uključivanje jQuery biblioteke

Dodati u <head>:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
3. Primer validacije u jQuery

HTML:

<form id="forma">
    Ime: <input type="text" id="ime"><br><br>
    Lozinka: <input type="password" id="lozinka"><br><br>
    <button type="submit">Pošalji</button>
</form>

<p id="poruka"></p>

JavaScript:

<script>
$(document).ready(function(){

    $("#forma").submit(function(event){

        event.preventDefault();

        let ime = $("#ime").val();
        let lozinka = $("#lozinka").val();

        if(ime === "" || lozinka === ""){
            $("#poruka").text("Sva polja su obavezna!");
        }
        else if(lozinka.length < 6){
            $("#poruka").text("Lozinka mora imati najmanje 6 karaktera!");
        }
        else{
            $("#poruka").text("Uspešno poslato!");
        }

    });

});
</script>
4. Razlika u odnosu na klasičan JS
JavaScript jQuery
getElementById $("#id")
.value .val()
innerHTML .text()

📝 VEŽBE

  1. Dodati proveru email polja.

  2. Ako je unos ispravan, obojiti poruku zelenom bojom.

  3. Sakriti formu nakon uspešnog slanja.

Last modified: Thursday, 5 March 2026, 12:18 PM