Untitled

<!DOCTYPE html>
<html>

    <head>
        <script src='jquery-3.1.1.min.js'></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#f").submit(function(event){
                    $(".obavestenje").text("");

                    var sifra=$("#sifra").val();
                    var velikaSlovaBrojevi="QWERTYUIOPASDFGHJKLZXCVBNM1234567890";

                    if(sifra==''){
                        $(".obavestenje#sifra").text("Unesi vrednost");
                        event.preventDefault();
                    }else{
                        for(i=0; i<sifra.length; i++){
                            if(velikaSlovaBrojevi.indexOf(sifra.charAt(i))=="-1"){
                                $(".obavestenje#sifra").text("Nedozvoljen karakter");
                                event.preventDefault();
                            }
                        }
                    }

                    var boja=$('input[name=boja]:checked', '#f').val();

                    if(boja=='hex'){
                        var vrednost=$("#hex").val();
                            if(vrednost==""){
                                $(".obavestenje#hex").text("Unesi vrednost");
                                event.preventDefault();
                            }else{
                                if(vrednost.charAt(0)!="#"){
                                    $(".obavestenje#hex").text("Stavite tarabu");
                                    event.preventDefault();
                                }
                                if(vrednost.length!="7"){
                                    $("obavestenje#hex").text("Nije korektna duzina boje");
                                    event.preventDefault();
                                }
                                else{
                                    var malaSlovaBrojevi="qwertyuiopasdfghjklzxcvbnm1234567890"
                                    for(i=1; i<7; i++){
                                        if(malaSlovaBrojevi.indexOf(vrednost.charAt(i))=="-1"){
                                            $(".obavestenje#hex").text("Boja se ne sastoji od brojeva i malih slova");
                                            event.preventDefault();
                                        }
                                    }
                                }
                            }
                        }

                    if(boja=='dek'){
                        var RGB1=$("#RGB1").val();
                        if(RGB1==""){
                            $(".obavestenje#RGB1").text("Uneti vrednost");
                            event.preventDefault();
                        }else{
                            if(RGB1<0 || RGB1>255){
                                $(".obavestenje#RGB1").text("Broj nije u segmentu od 0 do 255")
                                event.preventDefault();
                            }
                        }

                        var RGB2=$("#RGB2").val();
                        if(RGB2==""){
                            $(".obavestenje#RGB2").text("Uneti vrednost");
                            event.preventDefault();
                        }else{
                            if(RGB2<0 || RGB2>255){
                                $(".obavestenje#RGB2").text("Broj nije u segmentu od 0 do 255");
                                event.preventDefault();
                            }
                        }

                        var RGB3=$("#RGB3").val();
                        if(RGB3==""){
                            $(".obavesntenje#RGB3").text("Uneti vrednost");
                            event.preventDefault();
                        }else{
                            if(RGB3<0 || RGB3>255){
                                $(".obavestenje#RGB3").text("Broj nije u segmentu od 0 do 255");
                                event.preventDefault();
                            }
                        }
                    }

                    var naslov=$("#naslov").val();
                    if(naslov==""){
                        $(".obavestenje#naslov").text("Uneti vrednost");
                        event.preventDefault;
                    }else{
                        if(naslov.length>50){
                            $(".obavestenje#naslov").text("Duzina naslova je veca od 50");
                            event.preventDefault;
                        }
                    }

                    $("#sifra").focusout(function(){
                        var sifra=$("#sifra").val();
                        $ajax({
                        url:'provera.php',
                        method: 'GET',
                        data:{x:sifra},
                        success:function(odgovor){
                            if(odgovor="true"){
                                $("#ostatak").animate(
                                    {width:100%},
                                    0,
                                function(){
                                    $("#ostatak").css({display:'block'});
                                }
                                )
                            }
                            if(odgovor="false"){
                                {width:"0px"},
                        2000,
                        function(){
                                    $("#ostatak").css({display:'none'});
                                    window.alert("Pogresna sifra");
                            }
                            )
                        },
                        dataType:"text",

                    })
                })
            })

          </script>

     <body>
          <form action="2.php" method="GET" id="f">
                Sifra predmeta: <br>
                <input type="text" name="sifra" id="sifra">   <span class="obavestenje" id="sifra"></span>   <br>
                <div id="ostatak">
                Boja ispisa:     <br>
                    <input type="radio" name="boja" value="hex" id="heks" checked> heksadekadni format <br>
                    <input type="text" name="hex" id="hex">   <span class="obavestenje" id="hex"></span>  <br>
                    <input type="radio" name="boja" value="dek" id="dek"> dekadni format <br>
                    <input type="text" name="RGB1" id="RGB1"> <span class="obavestenje" id="RGB1"></span> <br>
                    <input type="text" name="RGB2" id="RGB2"> <span class="obavestenje" id="RGB2"></span> <br>
                    <input type="text" name="RGB3" id="RGB3"> <spna class="obavestenje" id="RGB3"></span> <br>
                Naslov: <br>
            <input type="text" id="naslov" name="naslov"> <span class="obavestenje" id="naslov"></span>   <br>
            <br>
            <input type="submit" value="prikazi statistiku" id="submit">
            </div>
        </form>
    </body>
</html>