Örn. JavaScript (Regex) ile E-posta Doğrulaması

Çoğu zaman, formumuzun belirli bir alanına girilen bir e-posta adresini doğrulama ihtiyacıyla karşılaşıyoruz. geçerli e-posta. Bu makalede, JavaScript'te düzenli ifadeler (normal ifade olarak da bilinir) kullanarak e-postaları nasıl doğrulayacağımızı öğreneceğiz.

Düzenli ifade (normal ifade) nedir?

Normal ifade, bir arama modelini tanımlayan bir karakter dizisidir. Bu durumda, geçerli bir e-posta adresini temsil eden bir model bulmak istiyoruz.

Normal ifadeler, metin dizeleriyle çalışmak ve girdi verilerini doğrulamak için güçlü ve esnek bir araçtır.

Normal ifade ile e-posta doğrulama

Bir e-postanın geçerli olduğunu doğrulamak için biçimin doğru olduğunu, yani bir @ ve bir etki alanı içerdiğini doğrulamamız gerekir. Bunun için aşağıdaki ifadeyi kullanıyoruz:

var normal ifade = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;

Tam Form Örneği

Aşağıdaki örnekte, JavaScript ve normal ifade kullanarak bir e-posta adresinin nasıl doğrulanacağını gösteriyoruz. İzlediğimiz adımlar şunlardır:

1. adlı bir işlev tanımlıyoruz. doğrulama Postası bu, doğrulamak için e-postayı argüman olarak alır.
2. Bir değişken oluşturuyoruz normal ifade E-postayı doğrulamak için normal ifadeyi içeren bir.
3. yöntemi kullanıyoruz Ölçek() Girilen e-postanın kalıpla eşleşip eşleşmediğini kontrol etmek için normal ifadenin
4. E-posta geçerliyse, geçerli olduğunu belirten bir uyarı mesajı görüntüleriz; aksi takdirde geçersiz olduğunu belirten bir uyarı mesajı görüntüleriz.
5. HTML'de, "email" türünde bir giriş alanı ve tıklandığında işlevi çağıran bir düğme oluşturuyoruz. doğrulama Postası giriş alanına girilen değer ile.

function valideEmail (posta) {
// E-postayı doğrulamak için düzenli ifade
var regex = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;
// Postanın normal ifade tarafından tanımlanan kalıpla eşleşip eşleşmediğini kontrol edin
if (regex.test (posta)) {
alert("Geçerli e-posta");
} else {
alert ("Geçersiz E-posta");
}
}


JavaScript ve regex ile e-posta doğrulama

Doğrula

JavaScript ile doğrulamanın Avantajları ve Dezavantajları

İstemci tarafında JavaScript kullanarak e-posta adresleri gibi girdi verilerini doğrulamanın avantajları ve dezavantajları vardır:

Avantajlar	Dezavantajları
Kullanıcı için anında geri bildirim	güvenli değil
Sunucuda daha az yük	Tarayıcılar Arası Uyumluluk
Kullanıcı deneyimini geliştirin	Yinelenen çaba (istemci/sunucu tarafı)
Tepki süresi azaltma	Sunucu tarafında doğrulamanın yerine geçmez

Verilerin JavaScript kullanılarak doğrulanması, sunucu tarafı doğrulamanın yerine geçmez. Ancak, yükün azaltılmasına yardımcı olur. Sunucu tarafındaki verileri doğrulamak için aşağıdakileri okumanızı tavsiye ederim:

• PHP ile Posta Doğrulaması