728x90 AdSpace

  • Latest News

    4/11/2013

    Form input karakter sınırlama kontrol etme!

    Geçen gün sanalkurs forumlarında sorulmuştu! Form elemanlarına(input, textarea) yazılan karekterleri nasıl sınırlayabilir, örneğin bir kullanıcı adının 3 karekterden az 16 karekter fazla olmamasını nasıl sağlayabiliriz... Bu sorunun çözümü için basit bir kaç javascript kodu yeterli olacaktır...



    javacript Kodu:

    <script type="text/javascript">
        function kontrol()
        {
     var enaz=3;
     var enf=5;
        var kuadi= document.getElementById("kuadi");
        var gelen=kuadi.value.length;
            
        if(gelen < enaz){
    
         document.getElementById("uyar").innerHTML="En az "+enaz+" karakter girebilirsiniz";
    
     return false;
       }else if(gelen > enf){
           kuadi.value=kuadi.value.substring(0,enf);
         document.getElementById("uyar").innerHTML="En fazla "+enf+" karakter girebilirsiniz";
    
     return false;
       }
        }
    
        </script>

    Yukarıda ki kod parçası ile input alanına girişi kotrol ediyoruz. şartlar uygun olmadığı sürece form post edilmiyor!

    HTML kodları
    <form action="#" method="GET"  onsubmit="return kontrol()" />
            <input type="text" id="kuadi" name="kuadi" />
          <div id="uyar"></div>
     <input type="submit" value="Gönder" />
     </form>


    Tüm kodlar:
    <!DOCTYPE HTML>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>Kirli Adam Lab. </title>
     <script type="text/javascript">
        function kontrol()
        {
     var enaz=3;
     var enf=16;
        var kuadi= document.getElementById("kuadi");
        var gelen=kuadi.value.length;
            
        if(gelen < enaz){
    
         document.getElementById("uyar").innerHTML="En az "+enaz+" karakter girebilirsiniz";
    
     return false;
       }else if(gelen > enf){
           kuadi.value=kuadi.value.substring(0,enf);
         document.getElementById("uyar").innerHTML="En fazla "+enf+" karakter girebilirsiniz";
    
     return false;
       }
        }
    
        </script>
    </head>
    <body>
     <form action="#" method="GET"  onsubmit="return kontrol()" />
            <input type="text" id="kuadi" name="kuadi" />
          <div id="uyar"></div>
     <input type="submit" value="Gönder" />
     </form>
    </body>
    </html>
    
    Kaynak: kirliadam.blogspot.com
    • Blogger Yorumları
    • Facebook Yorumları

    0 yorum:

    Yorum Gönder

    Item Reviewed: Form input karakter sınırlama kontrol etme! Rating: 5 Reviewed By: Mehmet Ali
    Scroll to Top