yakuter » Javascript ile E-posta Kontrolü

POPÜLER ARAMALAR: reklam, pazarlama, iş,
kod, wordpress, eklenti, web, teknoloji,
programlama, tasarım, ajax, linux, Pardus, blog

28 Aralık 2006

Javascript ile E-posta Kontrolü

Kategori Kategorilenmemiş |

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.

Duz Metin

<html>
<head>
<script language=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>
</head>

<body>

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