Aşağıdaki örnekte, formlarda kullanabileceğiniz, email giriş alanlarının kontrolünü yapabileceğiniz jquery ve html kodları yer almaktadır. Bu sayede kullanıcıların doğru email adresi girip girmediklerini kontrol ettirebilirsiniz. Kontrol sonucunu alert olayıyla, ekrana uyarı olarak yazdırabilirsiniz. RegExp nesnesiyle email deseni oluşturup, bu desene göre mail kontrolü yapabilirsiniz.
<head></head> tagleri arasına jquery kütüphanesini çağırmak için gereken kodu yazıyoruz:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<body></body> tagleri arasına yazmamız gereken kodlar ise aşağıdadır.
<input id="email" type="text" />
<input id="btn" type="button" value="Kontrol Et" />
<script>
$("#btn").click(function()
{
var email = $("input#email").val();
if(MailKontrol(email))
{
alert("Email Adresi Geçerli");
}
else
{
alert("Geçersiz veya Hatalı Email");
return false;
}
})
function MailKontrol(email)
{
var kontrol = new RegExp(/^[^0-9][a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[@][a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-Z]{2,4}$/i);
return kontrol.test(email);
}</script>
