Untitled

<!DOCTYPE HTML>
<html>
    <head>
        <title>Neki naslov stranice</title>
        <script src="http://localhost/cojstvo.rs/style/js/jquery-latest.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("#forma").submit(function(event) {
                    event.preventDefault();

                    var greska; /* Deklarisemo jednu promenljivu koju cemo koristiti za greske */
                    var hex, RGB1, RGB2, RGB3;

                    $(".obavestenje").text("");

                    /* Provera sifre */
                    var sifra = $("#sifra-vrednost").val();
                    var velikaSlovaBrojevi="QWERTYUIOPASDFGHJKLZXCVBNM1234567890";
                    greska = $("#sifra-vrednost").next("span");

                    if(sifra == "") { /* Da li je uneta sifra? */
                        greska.text("Molimo unesite vrednost za sifru");

                        return false;
                    } else { /* Da li sifra sadrzi neke nedozvoljene karaktere? */
                        for(var i = 0; i < sifra.length; i++) {
                            if(velikaSlovaBrojevi.indexOf(sifra.charAt(i)) == -1) {
                                greska.text("Nedozvoljen karakteri u sifri, dozvoljeni: "+velikaSlovaBrojevi);

                                return false;
                            }
                        }
                    }

                    /* Provera boje */
                    var boja = $("#forma input[name=boja]:checked").val();

                    if(boja == "hex") { /* Da li je odabrano koriscenje HEX boje? */
                        hex = $("#hex").val();
                        greska = $("#hex").next("span");

                        if(hex == "") { /* Da li je uneta HEX boja? */
                            greska.text("Unesi HEX vrednost boje");

                            return false;
                        } else {
                            if(hex.charAt(0) != "#") { /* Da li je boja pocinje sa # */
                                greska.text("HEX boja mora pocinjati sa znakom #");

                                return false;
                            } else if(hex.length != "7") {
                                greska.text("Duzina HEX boje mora biti 7");

                                return false;
                            } else {
                                var malaSlovaBrojevi = "qwertyuiopasdfghjklzxcvbnm1234567890";

                                for(var i = 1; i < 7; i++){
                                    if(malaSlovaBrojevi.indexOf(hex.charAt(i).toLowerCase()) == -1) { /* Dodato .toLowerCase() posto HEX boja sme da sadrzi i velika slova */
                                        greska.text("Nedozvoljen karakteri u HEX boji, dozvoljeni: "+malaSlovaBrojevi);

                                        return false;
                                    }
                                }
                            }
                        }
                    } else if(boja == "rgb") { /* Da li je odabrano koriscenje RGB boje? */
                        RGB1 = $("#RGB1").val();
                        greska = $("#RGB1").next("span");

                        if(RGB1 == "") { /* Da li je uneta vrednost za R? */
                            greska.text("Uneti vrednost za R");

                            return false;
                        } else { /* Da li je ispravna vrednost za R? */
                            if(RGB1 < 0 || RGB1 > 255){
                                greska.text("Neispravna vrednost za R, dozvoljeno 0-255");

                                return false;
                            }
                        }

                        RGB2 = $("#RGB2").val();
                        greska = $("#RGB2").next("span");

                        if(RGB2 == "") { /* Da li je uneta vrednost za G? */
                            greska.text("Unesite vrednost za G");

                            return false;
                        } else { /* Da li je ispravna vrednost za G? */
                            if(RGB2 < 0 || RGB2 > 255){
                                greska.text("Neispravna vrednost za R, dozvoljeno 0-255");

                                return false;
                            }
                        }

                        RGB3 = $("#RGB3").val();
                        greska = $("#RGB2").next("span");

                        if(RGB3 == "") { /* Da li je uneta vrednost za B? */
                            greska.text("Unesite vrednost za B");

                            return false;
                        } else { /* Da li je ispravna vrednost za B? */
                            if(RGB3 < 0 || RGB3 > 255) {
                                greska.text("Neispravna vrednost za R, dozvoljeno 0-255");

                                return false;
                            }
                        }
                    }

                    /* Sve je ok, nastavljamo dalje */
                    /* Provera naslova */

                    var naslov = $("#naslov").val();
                    greska = $("#naslov").next("span");

                    if(naslov == "") {
                        greska.text("Unesite vrednost za naslov");

                        return false;
                    } else {
                        if(naslov.length > 50){
                            greska.text("Duzina naslova mora biti manja od 50");

                            return false;
                        }
                    }

                    /* Sva polja su ispravno popunjena, zadajemo AJAX request */
                    $.ajax({
                        url: "provera.php", /* Gde saljemo podatke */
                        method: "GET", /* Kojom metodom ih saljemo */
                        data: { /* Sta saljemo od podataka */
                            sifra: sifra, /* Saljemo unetu sifru */
                            naslov: naslov, /* Saljemo uneti naslov */
                            boja: boja, /* Saljemo odabrani nacin boje */
                            hex: hex, /* Saljemo hex boju */
                            RGB1: RGB1, /* Saljemo R boju */
                            RGB2: RGB2, /* Saljemo G boju*/
                            RGB3: RGB3 /* Saljemo B boju*/
                        },
                        success: function(odgovor) { /* Ukoliko je AJAX request uspesno poslat, izvrsi sledecu funkciju */
                            if(odgovor == "true") { /* Ako je dobijeni odgovor iznosi true, izvrsi sledeci kod */
                                $("#ostatak").animate({width: "100%"}, 0, function() { /* Promeni velicinu div-a na 100% */
                                    $("#ostatak").css({display: "block"}); /* Promeni css svojstvo display na block */
                                });
                            }
                            if(odgovor == "false") { /* Ako je dobijeni odgovor iznosi false, izvrsi sledeci kod */
                                $("#ostatak").animate({width:"0px"}, 2000, function() { /* Promeni velicinu div-a na 0px */
                                    $("#ostatak").css({display: "none"}); /* Promeni css svojstvo display na none */

                                    window.alert("Pogresna sifra"); /* Obavesti korisnika da je uneta pogresna sifra*/
                                });
                            }
                        }
                    });
                });
            });
          </script>
    </head>
    <body>
        <form action="2.php" method="GET" id="forma">
                <div id="sifra-div">
                    <label for="sifra">Sifra predmeta:</label>
                    <input type="text" name="sifra" id="sifra-vrednost">
                    <span class="obavestenje"></span>
                </div>
                <div id="ostatak">
                    <br><strong>Boja ispisa</strong>:<br><br>
                    <div id="heksadekadni-div">
                        <input type="radio" name="boja" value="hex" id="heks" checked> Heksadekadni format
                        <input type="text" name="hex" id="hex">
                        <span class="obavestenje"></span><br>
                    </div>
                    <div id="dekadni-div">
                        <input type="radio" name="boja" value="rgb" id="rgb"> Dekadni format<br>

                        <input type="text" name="RGB1" id="RGB1" placeholder="R">
                        <span class="obavestenje"></span><br>

                        <input type="text" name="RGB2" id="RGB2" placeholder="G">
                        <span class="obavestenje"></span><br>

                        <input type="text" name="RGB3" id="RGB3" placeholder="B">
                        <spna class="obavestenje"></span><br>
                    </div>
                    <br>
                    <div id="naslov-div">
                        <label for="naslov">Naslov</label>:
                        <input type="text" id="naslov" name="naslov">
                        <span class="obavestenje" id="naslov"></span>   <br>
                    </div>
                    <br>
                    <input type="submit" value="Prikazi statistiku" id="submit">
                </div>
        </form>
    </body>
</html>