HTML5 form doğrulama neden nokta içermeyen e-postalara izin veriyor?

Bazı HTML5 form doğrulamasını göstermek için çok basit bir model yazıyorum. Ancak, e-posta doğrulamasının adreste bir noktayı kontrol etmediğini ve söz konusu noktayı takip eden karakterleri kontrol etmediğini fark ettim.

Diğer bir deyişle, "john @ doe" açıkça geçerli bir e-posta adresi olmadığında geçerli kabul edilir; "doe" bir alan adı değildir.

E-posta alanımı şu şekilde kodluyorum:

<input type="email" required />

Bu yeterli değil mi?

Ne demek istediğimi görmek için bu kemanı kontrol edin .

Not: Bunun yerine bir RegEx kalıbı aracılığıyla bunu nasıl başaracağımı biliyorum. Bunun yerine birisinin e-posta türünü kullanmaktan nasıl kurtulabileceğini merak ediyorum.

Çünkü a @ b geçerli bir e-posta adresi (örneğin, localhost geçerli bir etki alanıdır). Bkz. Http://en.wikipedia.org/wiki/Email_address#Examples

Ayrıca, giriş doğrulamasını her zaman sunucuda yapmanız gerektiğini unutmayın. İstemci tarafı doğrulama, yalnızca kullanıcıya geri bildirim vermek için olmalı ve kolayca atlanabileceği için güvenilmemelidir.

Teorik olarak "." Olmadan bir adresiniz olabilir. içinde.

Teknik olarak şu gibi şeyler:

user@com
user@localserver
user@[IPv6:2001:db8::1]

Tüm e-postalar geçerlidir.

Bu nedenle standart HTML5 doğrulaması, yaygın olmayanlar dahil tüm geçerli E-postalara izin verir.

Okunması kolay bazı açıklamalar için (Standartları okumak yerine): http://en.wikipedia.org/wiki/Email_address#Examples

Bunu girişe eklemeyi deneyin

pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,63}$"

Vaktini boşa harcamak

RFC 822 , bölüm 6, güçlendirilmiş Backus Naur Form (BNF) bir adresin şartname veriyor:

addr-spec   =  local-part "@" domain
local-part  =  word *("." word)
domain      =  sub-domain *("." sub-domain)

Bu belirtimi kullanmak a@bgeçerli bir adrestir.

GÜNCELLEME

Trejkaz'ın yorumuna cevap vermek için aşağıdaki tanımları ekliyorum. SPACE'e izin verildiğini görüyoruz, ancak yalnızca tırnaklı dizede.

word          =  atom / quoted-string
atom          =  1*<any CHAR except specials, SPACE and CTLs>
quoted-string = <"> *(qtext/quoted-pair) <">
SPACE         =  <ASCII SP, space>
CTL           =  <any ASCII control character and DEL> 
qtext         =  <any CHAR excepting <">, "\" & CR, and including linear-white-space>
quoted-pair   =  "\" CHAR  

Bu MDN sayfasında, e-postayı doğrulamak için normal ifade tarayıcılarının kullanması gereken gösterilir:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email#Validation

Alan adında en az bir nokta gerektirecek şekilde bu normal ifadeyi biraz değiştirebilirsiniz: *Normal ifadenin sonundaki yıldızı artı olarak değiştirin +. Ardından, patternöznitelik olarak bu normal ifadeyi kullanın :

<input type="email" pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$"></input>

E-posta alanının düzenini özelleştirebilirsiniz:

input:valid {
  border-color: green
}

input:invalid {
  border-color: red
}

Email:
<input type="email" required value="a@b.c" /><br>

Non-dots Email:
<input type="email" required pattern="[^.]+@[^.]+" value="a@b.c" />

Burada, normal ifade kalıbını kullanarak bunu html5 ile nasıl yapabileceğiniz anlatılmaktadır. Ayrıca görüntülenecek özel bir mesaj da ekleyebilirsiniz.

<form>
  <input type="email" value="paul@test" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,63}$" title="Hey, you are missing domain part in the email !!!"/>
  <button type="submit">Click Me</button>
</form>

Bu kalıp benim için her zaman işe yarar.

Metin küçük harf olmalıdır, pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$"ancak çoğu e-postayı aşağı yukarı kapsadığını düşünüyorum.