Tại sao xác thực biểu mẫu HTML5 cho phép email không có dấu chấm?

Tôi đang viết một mô hình rất đơn giản để chứng minh một số xác thực biểu mẫu HTML5. Tuy nhiên, tôi nhận thấy xác thực email không kiểm tra một dấu chấm trong địa chỉ, cũng không kiểm tra các ký tự sau dấu chấm nói trên.

Nói cách khác, "john @ doe" được coi là hợp lệ khi nó rõ ràng không phải là một địa chỉ email hợp lệ; "doe" không phải là một miền.

Đây là cách tôi mã hóa trường email của mình:

<input type="email" required />

Như vậy là chưa đủ?

Kiểm tra fiddle này để xem ý tôi là gì.

Lưu ý: Thay vào đó, tôi biết cách thực hiện điều này thông qua mẫu RegEx. Tôi chỉ tự hỏi làm thế nào để ai đó có thể sử dụng loại email thay thế.

Bởi vì a @ b là một địa chỉ email hợp lệ (ví dụ: localhost là một miền hợp lệ). Xem http://en.wikipedia.org/wiki/Email_address#Examples

Ngoài ra, hãy nhớ rằng bạn phải luôn thực hiện xác thực đầu vào trong máy chủ. Xác thực phía máy khách chỉ nên đưa ra phản hồi cho người dùng và không được dựa vào, vì nó có thể dễ dàng bị bỏ qua.

Về mặt lý thuyết, bạn có thể có một địa chỉ mà không có dấu "." trong.

Vì về mặt kỹ thuật những thứ như:

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

Là tất cả các email hợp lệ.

Vì vậy, xác thực HTML5 tiêu chuẩn cho phép tất cả các E-mail hợp lệ, kể cả những email không phổ biến.

Để có một số giải thích dễ đọc (Thay vì đọc qua các tiêu chuẩn): http://en.wikipedia.org/wiki/Email_address#Examples

Hãy thử thêm cái này vào đầu vào

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

Vĩ cầm

Các RFC 822 , chương 6, cung cấp cho các đặc điểm kỹ thuật của một địa chỉ trong tăng cường Backus-Naur Form (BNF):

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

Sử dụng đặc điểm kỹ thuật a@bnày là một địa chỉ hợp lệ.

CẬP NHẬT

Để trả lời nhận xét của Trejkaz, tôi thêm các định nghĩa sau. Chúng tôi thấy rằng SPACE được cho phép nhưng chỉ trong chuỗi được trích dẫn.

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  

Trên trang MDN này, nó hiển thị các trình duyệt regex nên sử dụng để xác thực email:

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

Bạn có thể thay đổi một chút regex này để yêu cầu ít nhất một dấu chấm trong tên miền: thay đổi dấu sao *ở cuối regex thành dấu cộng +. Sau đó, sử dụng regex đó làm patternthuộc tính:

<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>

Bạn có thể tùy chỉnh mẫu của trường email:

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" />

Đây là cách bạn có thể làm điều đó với html5 bằng cách sử dụng mẫu regex. Bạn cũng có thể bao gồm một thông báo tùy chỉnh để hiển thị.

<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>

Mẫu này luôn phù hợp với tôi.

Văn bản phải ở dạng chữ thường pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$"nhưng tôi nghĩ nó ít nhiều bao gồm hầu hết các email.