JQuery kullanarak bir formdan gelen e-posta adresini kontrol etme

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:

  1. Formunuza bir id atayın. Örneğin: <form id="myForm">.
  2. 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>
  3. Formunuza bir submit olayı ekleyin. Örneğin: $('#myForm').submit(function(e) { ... });
  4. İç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.
  ...
});
  1. 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.

Yorum yapın