<!DOCTYPE html>
<html lang="tr">

<link href="Css/-Style.css" rel="stylesheet" type="text/css">
<title>Bilgisayar Kurdu ** Her Şeyden Daha Fazlası **&nbsp;&nbsp;*&nbsp;Üye Giriş Paneli&nbsp;*</title>


<SCRIPT LANGUAGE="JavaScript">
function sayfayukle() {
if (document.layers) {
document.all.yukleniyor.visibility = 'hidden';
}
else {
document.all.yukleniyor.style.visibility = 'hidden';
   }
}
</script>







<head>
    <Meta Http-Equiv="Content-Type" Content="text/html;Charset=iso8859-9">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
        <Meta Name="Author" Content="Bilgisayar Kurdu">
        <Meta Name="Keywords" Content="Animasyon, Login, vs">
<link rel="stylesheet" href="Css/Style-Giris.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<script type="text/javascript">

function Sonuc(form){
    var Kullanici		= form.Kullanici.value;
    var Sifre			= form.Sifre.value;
    var hata = [];
  
    if (!uzunlukkontrol(Kullanici,3,50)) {
        hata.push("Kullanıcı Adı En az 3, En çok 50 Karakter olmalıdır.");
    }

    if (!uzunlukkontrol(Sifre,6,20)) {
        hata.push("Şifre En az 6, En fazla 20 Karakter olmalıdır.");
    }
    

    if (hata.length > 0) {
        hatalarigoster(hata);
        return false;
    }
  
    return true;
}
  
function uzunlukkontrol(text, min, max){
    min = min || 1;
    max = max || 10000;
  
    if (text.length < min || text.length > max) {
        return false;
    }
    return true;
}
  
function hatalarigoster(hata){
    var msg = " Giriş Yapılamadı. Bilgilerde Eksik(ler) var.\n Lütfen Eksik Alan(lar)ı tamamlayınız.\n__________________________________________________________________\n";
    var numError;
    for (var i = 0; i<hata.length; i++) {
        numError = i + 1;
        msg += "\n" + numError + ". " + hata[i];
    }
    alert(msg);
}


</script>

<style type="text/css">
.btn {
	background-color: Gray;
	border: 2px solid #09F;
	width: 180px;
	border-radius: 8px;
	color: White;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 11pt;
	font-family: 'Sonsie One';
	margin-bottom: 30px;
	cursor: pointer;
	transition: all 0.4s;	
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
}
.btn:hover{
	background-color: #09F;
	color: Yellow;
	}
</style>

<script src="Css/Js/jquery-3.3.1.js"></script>
<script type="text/javascript">
$(document).on('click', 'input[type="checkbox"]', function(){
    
  $("input[type='checkbox']").not(this).prop('checked', false)
});
</script>

</head>

<body>
<br />
    <div class="container">
        <div class="Girislogo">
            <img src="Css/Images/Bilkurdu.gif" alt="Logo">
        </div>

<form method="post" name="UyeKontrol" action="UyeKontrol.asp" onSubmit="return Sonuc(this);">
        <div class="title">Üye Giriş Paneli</div>
        <div class="input-box" style="margin-left: auto; margin-right: auto;">
        	<input type="KullaniciAdi" autofocus="autofocus" tabindex="1" name="Kullanici" maxlength="50"  placeholder="Kullanıcı Adınız" required>
            <div class="underline"></div>
        </div>
        <div class="input-box" style="margin-left: auto; margin-right: auto;">
            <input type="password" tabindex="2" name="Sifre" maxlength="20" placeholder="Kullanıcı Şifreniz" required>
            <div class="underline"></div>
        </div>

<div style="width: 130px; font-size: 10pt; margin: 15px 0 15px 0; text-align: right; float: left;"><b>Beni Hatırla</b></div>
<div style="width: 10px; font-size: 10pt; margin: 15px 0 15px 0; text-align: right; float: left;">:</div>
<div style="width: 50px; font-size: 10pt; margin: 15px 0 15px 0; text-align: right; float: left;">Evet</div>
<div style="width: 20px; font-size: 10pt; margin: 17px 0 15px 0; text-align: right; float: left;">
	<input class="radio-button" tabindex="3" type="checkbox" name="hatirla" value="Evet" checked="checked" />
</div>        
<div style="width: 50px; font-size: 10pt; margin: 15px 0 15px 0; text-align: right; float: left;">Hayır</div>
<div style="width: 20px; font-size: 10pt; margin: 17px 0 15px 0; text-align: right; float: left;">
<input class="radio-button" tabindex="4" type="checkbox" name="hatirla" value="Hayir" />
</div> 
<div class="Temizle"></div>

<div style="width: 95%; font-size: 10pt; margin-bottom: 20px; text-align: center;"><a href="Hatirlat.asp"><b>Şifremi Unuttum</b></a></div>
<div class="Temizle"></div>

<div style="width: 180px; font-size: 12pt; text-align: right; float: left;">
<input class="btn" type="giris" value="Giriş Yap" onclick="javascript:this.form.submit(); this.disabled=true; this.value='  Giriş Yapılıyor  ';">
</div>
<div style="width: 20px; float: left;">&nbsp;</div>

<div style="width: 180px; font-size: 12pt; text-align: left; float: left;">
<a class="btn" href="Default.asp">Ana Sayfa</a>
</div>
<div class="Temizle"></div>
</form>

    </div>



<!-- Eğer Aksiyse -->
  
    
    
</body>
</html>