Bazen kullanıcıların sitemizdeki formları doldururken e-posta (e-mail) adreslerini yazmalarını zorunlu kılarız. Tabi bu yeterli olmaz. Ayrıca bu e-postaların doğru olup olmadığını da kontrol etmeliyiz. Bu işleme form doğrulama da diyebiliriz ve şüphesiz ki bu işlem için en hızlı yol javascript kullanmaktır.

Aşağıdaki kodları kopyalayıp deneme.html ismiyle yaratacağınız dosyaya kaydedin. Dosyayı çalıştırdığınızda göreceksiniz ki siz doğru bir e-posta adresi girene kadar sizi uyaracaktır. Doğru adresi girdiğinizde de form_isle.html dosyasına formu yani doğru e-posta adresini gönderecektir.

<script type="text/javascript">
function regKontrol(pattern, value)
{
   r = new RegExp(pattern, "g");
   return r.test(value);
} 

function formKontrol(form)
{
     patternEposta   = "^"+"([abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0-9_\.\-]+)"+"@"+"([abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0-9_\.\-]+)"+"[\.]"+"([abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0-9_\.\-]+)"+"$"; 

     if ( !regKontrol(patternEposta,form.email.value))
     {
          alert("Lütfen Doğru Bir E-posta Adresi Giriniz.");
          form.email.value="";
          form.email.focus();
          return false;
     }
     return true;
}
</script>

<form method="post" action="form_isle.html" name="frmKayitFormu" onsubmit="return formKontrol(this);">
E-Posta: <input type="text" name="email" maxlength="50"/><input type="submit" value=" Gönder "/>
</form>

Kaynak: Mydesign

Benzer Yazılar

• Javascript İle Form Göndermek
• Javascript Silme İşlemini Doğrulama
• İdeal Form Kontrolü
• Yakuter Takip Aracı
• Javascript İle Takvim Nasıl Yapılır?