Regular Expression ile E-Posta Kontrolü

Düzenli ifadeyi biraz daha açıklamaya çalışalım. Verilen bir değerin bizim belirlediğimiz şekile uygun olup olmamasıdır. Mesela, bardak üretimi yapıyoruz bu bardak üretiminde belirlediğimiz düzen silindirik şeklinde olur. Ne zaman ki küp, prizme veya piramit gibi şekilde bir cisim gelirse bunun için "bardak değil" şeklinde yanıt vererek istediğimiz düzenin dışına çıkılmamasını sağlamış oluruz. Bu kuralı benzer şekilde kullanıcının girmiş olduğu mail adresi için uygulamaya çalışalım.

Örneğin mail@felanca.com şeklinde bir mail adresini düzenli ifade ile geçerliliğini kontrol etmek istersek;
- Kullanıcı adı kısmında "a-z", "A-Z", "0-9", "_", "-" ve "." karakterleri bulunabilir.
- Alanadı kısmında da benzer şekilde karakterler bulunmasını talep edeceğiz. Fakat alanadı uzantısında sadece "a-z" ve "A-Z" karakterlerinin olmasını şart koşacağız.
Regex (Düzenli İfade)

var desen = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,10})$/;

Bu verilen deseni örneklendirelim.
Örnek Form

<form method="post" action="javascript:;">
Kullanıcı Adı: <input type="text" name="kullanici_adi" />
<br />
Şifre: <input type="password" name="sifre" />
<br />
E-Posta: <input type="text" name="e_posta" />
<br />
<input type="submit" value="Üye Ol" onclick="fnKayit()" />
</form>

<script>
function fnKayit()
{
   let kullanici_adi = document.getElementsByName("kullanici_adi");
   let sifre = document.getElementsByName("sifre");
   let e_posta = document.getElementsByName("e_posta");
   let desen = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   if (!desen.test(e_posta)) { 
      alert('Lütfen geçerli bir e-posta adresi belirtiniz!');
      return false;
   }
   return true;
}
</script>

Canlı örnek üzerinde test edelim.