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.
