5.00 / 1 oy

JavaScript ile mail doğrulaması (validasyon) yapmak

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 = /^(([^<>()[\]\\.,;:\[email protected]\"]+(\.[^<>()[\]\\.,;:\[email protected]\"]+)*)|(\".+\"))@((\[[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>

 

mbologlu

29.02.2020 16:08

Bu soru henüz yanıtlanmamış.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
JavaScript ile mail doğrulaması (validasyon) yapmak

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.