Duyuruyu Kapat
Facebook Gözat
Twitter Gözat

Form Kontrol Yapmak

Konu, 'Javascript' kısmında byfobi tarafından paylaşıldı.

  1. byfobi

    byfobi Üye

    Kayıt:
    1 Aralık 2006
    Mesajlar:
    145
    Beğenilen Mesajlar:
    0
    Meslek:
    Cisco Network Admin
    Şehir:
    çanakkale
    Merhabalar php de yazdığım bir üyelik sitemi için form kontrol arıyorum javascripte pek hakim değilim.

    Ama sistem şöyle şuanlık kafamda oluşturduğum..

    Eski Şifrenizi Giriniz.

    input1

    Yeni Şifrenizi Giriniz..

    input2

    Şifrenizi Tekrar Giriniz.

    input3

    Şimdi bu işlemi yaparken ben ilk baş eski şifre doğrumu diye kontrol edicem bunu bir php sorgu ile yapıp yeni şifrenizi giriniz yapabilirim ama bu input3 ile input2 yiyi karşılaştırmasını yapacak javascripti bilmiyorum yardımcı olursanıs sevinirim.

    :rolleyes:
     
  2. byfobi

    byfobi Üye

    Kayıt:
    1 Aralık 2006
    Mesajlar:
    145
    Beğenilen Mesajlar:
    0
    Meslek:
    Cisco Network Admin
    Şehir:
    çanakkale
    Şifre Kalite Kontrol Yapmakta ve İki İnput Değerini Eşitmi Diye Ölçmekte Uğraşınca Oluyor ceviz sağolsun.
    :utangac:

    Kod:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    div#pwChecker{
        margin:3px 0px 0px 0;
        font-size:9px;
        width:183px;
        text-align:center;
    }
    div#pwChecker ul{
        width:100%;
        background-color:#f1f1f1;
        border:1px solid #e4e4e4;
        margin:0;
        padding:0;
        list-style-type:none;
    }
    div#pwChecker ul li{    
        float:left;
        color:#666;
        padding:3px 3px 3px 3px;
        width:55px;
    }
    div#pwChecker ul li.weak{
        background-color:#ff0000;
        color:#fff;
    }
    div#pwChecker ul li.mediocre{
        background-color:#ff9900;
        color:#fff;
    }
    div#pwChecker ul li.strong{
        background-color:#66cc00;
        color:#fff;
    }
    </style>
    
    <script type="text/javascript">
        var passwordMeter = function(){
            var pc = {
                rate : 0,
                
                process : function(password, callback){
                    var len = password.length;
                    
                        // Password Length
                            if(len < 5)
                                this.rate += 3;
                            else if(len > 4 && len < 8)
                                this.rate += 6;
                            else if(len > 7 && len < 16)
                                this.rate += 12;
                            else if(len > 15)
                                this.rate += 18;
                                
                        // Letters
                            if(password.match(/[a-z]/))
                                this.rate += 1;
                            
                            if(password.match(/[A-Z]/))
                                this.rate += 5;
                                
                        // Numbers
                            if(password.match(/\d+/))
                                this.rate += 5;
                            
                            if(password.match(/(.*[0-9].*[0-9].*[0-9])/))
                                this.rate += 5;
                                
                        // Special Char
                            if(password.match(/.[!,@,#,$,%,^,&,*,?,_,~]/))
                                this.rate += 5;
                            
                            if(password.match(/(.*[!,@,#,$,%,^,&,*,?,_,~].*[!,@,#,$,%,^,&,*,?,_,~])/))
                                this.rate += 5;
                                
                        // Combos
                            if(password.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/))
                                this.rate += 2;
                            
                            if(password.match(/([a-zA-Z])/) && password.match(/([0-9])/))
                                this.rate += 2;
                                
                            if(password.match(/([a-zA-Z0-9].*[!,@,#,$,%,^,&,*,?,_,~])|([!,@,#,$,%,^,&,*,?,_,~].*[a-zA-Z0-9])/))
                                this.rate += 2;
                                
                                
                    callback(this.rate);
                }
            }
            return pc;
        };
            
        var pwChecker = function(rate){;
            var step = 0;
            
            if(rate <= 3)
                step = 0;
            else if((rate < 16) || rate > 15 && rate < 25)
                step = 1;
            else if(rate > 24 && rate < 35)
                step = 2;
            else if((rate > 34 && rate < 45) || rate > 44)
                step = 3;
            
            switch(step){
                case 1 :
                    document.getElementById('pwW').className = 'weak';
                    document.getElementById('pwM').className = '';
                    document.getElementById('pwS').className = '';
                    break;
                case 2 :
                    document.getElementById('pwW').className = 'mediocre';
                    document.getElementById('pwM').className = 'mediocre';
                    document.getElementById('pwS').className = '';
                    break;
                case 3 :
                    document.getElementById('pwW').className = 'strong';
                    document.getElementById('pwM').className = 'strong';
                    document.getElementById('pwS').className = 'strong';
                    break;
                default :
                    document.getElementById('pwW').className = '';
                    document.getElementById('pwM').className = '';
                    document.getElementById('pwS').className = '';
                    break;
            }
        };
    </script>
    </head>
    
    <body>
    <form action="login.php" method="post"  name="form" onsubmit="return kontrol()">
    <script>  
    function kontrol() {  
    if (document.form.txtSifre.value != document.form.sifre.value) {alert('Şifreler Farklı Lütfen Tekrar Giriniz !!');return false}  
    }  
    
            
    </script>  
    <input type="password" id="txtSifre" name="txtSifre" 
        onkeyup="passwordMeter().process(this.value, pwChecker);" />
        <label>&nbsp;</label>
    <div id="pwChecker">
            <ul>
                <li id="pwW">Zayıf</li>
                <li id="pwM">Orta</li>
                <li id="pwS">Yüksek</li>
            </ul>
    </div>
        <br />
         <input type="password" id="sifre" name="sifre" />
    <input name="submit" type="submit" id="submit" value="Gönder" /></form>
    </body>
    </html>