JQuery kullanarak bir formdan gelen e-posta adresinin geçerli bir e-posta adresi olup olmadığını kontrol etmek için aşağıdaki adımları izleyebilirsiniz:
- Formunuza bir id atayın. Örneğin:
<form id="myForm">
. - JQuery kütüphanesini sayfanıza dahil edin. Örneğin:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
- Formunuza bir submit olayı ekleyin. Örneğin:
$('#myForm').submit(function(e) { ... });
- İçinde bulunduğunuz fonksiyon içinde, e-posta alanının değerini almak için
$('#email').val()
komutunu kullanabilirsiniz. Örneğin:
$('#myForm').submit(function(e) {
var email = $('#email').val(); // Bu komut, "email" alanındaki değeri alacaktır.
...
});
- Alınan e-posta değerini bir desen kullanarak kontrol edebilirsiniz. Örneğin:
$('#myForm').submit(function(e) {
var email = $('#email').val();
// E-posta adresini bir desen ile kontrol ediyoruz.
var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
if (!emailPattern.test(email)) {
// E-posta geçerli değilse bir hata mesajı gösteriyoruz.
alert('Geçerli bir e-posta adresi giriniz!');
return false;
}
...
});
Bu adımları izleyerek JQuery kullanarak bir formdan gelen e-posta adresinin geçerli bir e-posta adresi olup olmadığını kontrol edebilirsiniz.