JavaScript Regex İle Email Validasyon Kontrolü

Email validasyon kontrolü yapan çok sayıda regex kod parçası bulabilirsiniz. Ben bunlardan bir tanesini seçtim, text input içinde girilen değerin email formatına uygun olup olmadığını belirten bir javascript kodu yazalım.

<body> etiketleri içine bir adet text input ve buton inputu ekleyelim.

<input id="txtEmail" type="text" />
<input id="btnCheckEmail" type="button" value="Kontrol et" />

Şimdi <head> tagları içine googlecdn'den jQuery'i ekleyelim.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

jQuery'yi entegre ettiğimize göre <script> tag içine javascript kodlarımızı yazalım. Sayfa yüklendiğinde butonun tıklama eventini belirtelim.

$(document).ready(function() {
    $("#btnCheckEmail").click(submitButtonClick)
});

Yukarıda butona tıkladığında submitButtonClick fonksiyonunun çalışacağını belirttik. Şimdi bu fonksiyonu ve regex ile email kontrolü yapan yardımcı fonksiyonu yazalım.

function submitButtonClick() {
	var emailAddress = $("#txtEmail").val();
	
	if (checkEmailAddress(emailAddress))
		alert("Doğru bir email adresi girdiniz.");
	else
		alert("Yanlış bir email adresi girdiniz.");
};

function checkEmailAddress(emailAddress) {
	var reg = 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 reg.test(emailAddress);
};

Hepsi bu kadar, yukarıdaki kodları aşağıdaki jsfiddle linki üzerinden inceleyebilirsiniz.

https://jsfiddle.net/sertacyarbas/syqL15d6/

Facebook Yorumları

Blog Yorumları (0 Yorum)

avatar
  1. avatar avatar

    {{comment.Name}} dedi ki

Bu makaleyi faydalı buldunuz mu?

Bu içerikle ilgili görüşleriniz önemlidir. Ne düşündüğünüzü söyleyin.

Bu makale faydalı mıydı?

Üzgünüm faydalı değil.
Bildiriminiz gönderiliyor...
Geri bildiriminiz için teşekkürler!
Gönderme sırasında hata alındı!