Kullanıcılardan email adresi aldığımız sayfalarda hem email adresinin doğru (valid) olduğundan emin olmamız, hem de bu işlemi her seferinde sunucuya göndererek sunucuyu yormamamız gerekir Bu yüzden ilk kontrolü client tarafında tarayıcı üzerinde JavaScript ya da JQuery ile yaptırmak gerekir. Ancak tarayıcılarda javascript kullanımı kolayca kapatılabildiği için sadece javascript'e de güvenmemek gerektiğinin altını çizmiş olalım.
Bir kutucuğa kullanıcı tarafından yazılan bir yazının geçerli bir email adresi olup olmadığını kontrol eden bir javascript/html uygulamasının kodlarını ekliyorum. Email kontrolü için regex kodlarını da script içindeki alandan alabilirsiniz. Bir sonraki örnekte de ASP.NET ile sunucu tarafında regex doğrulaması yapacağız.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript E-Mail Doğrulaması Yapmak</title>
</head>
<body>
<form>
<p>E-mail adresinizi yazın:</p>
<input id="eposta">
<button type="submit" id="kayitOl">Kayıt Ol</button>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
function EmailKDogrula(email) {
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(email);
}
function kontrol() {
var eposta = $("#eposta").val();
if (EmailKDogrula(eposta)) {
alert("Kayıt işlemlerinize başlıyoruz");
} else {
alert("Lütfen e-posta adresinizi kontrol edin");
}
return false;
}
$("#kayitOl").on("click", kontrol);
</script>
</body>
</html>