21 Ocak 2013 Pazartesi

JavaScript e-mail kontrolü

Fomumuzda e-posta adresini kontrol etmek istediğimizde kullanabileceğimiz JavaScript kodunu veriyorum.

Aşağıdaki kodu boş bir html sayfasına kopyalayın ve çalıştırın. Karşınıza çıkan textboxa mail adresini yazın ve Giriş butonuna tıklayın. Eğer kurallara uygun bir mail adresi girmediyseniz "Hatalı e-posta adresi." uyarısıyla karşılaşırsınız.

<html>
<head>
<title>E-Posta Kontrolü</title>
<script type="text/javascript"> 
function regKontrol(pattern, value) 
{ 
   r = new RegExp(pattern, "g"); 
   return r.test(value); 
} 
  
function Kontrol(form) 
{ 
     patternEposta   = "^"+"([abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0-9_\.\-]+)"+"@"+"([abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0-9_\.\-]+)"+"[\.]"+"([abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0-9_\.\-]+)"+"$"; 
            
     if ( !regKontrol(patternEposta,form.k_adi.value)) 
     { 
          alert("Hatalı e-posta adresi."); 
          form.k_adi.value=""; 
          form.k_adi.focus(); 
          return false; 
     } 
     return true; 
} 
</script>
</head>
<body>
<form id="form" method="post" action="action.html" onsubmit="return Kontrol(this);">
    <table id="tablo" width="300">
        <tr>
        <td width="150">Kullanıcı Adı</td>
        <td width="150"><input type="text" name="k_adi" /></td>
        </tr>
    </table>

    <input type="submit" value="Giriş" />
</form>
</body>
</html>