Hướng dẫn này giúp tìm hiểu cách xác thực email bằng biểu thức chính quy [regex] trong JavaScript. Nó có nhiều ví dụ về cách xác thực email. Những ví dụ đó khác nhau về các mẫu regex được sử dụng và trong việc xử lý email đầu vào. Ví dụ nhanh dưới đây sử dụng mẫu regex với JavaScript cuộc thi đấu[] chức năng xác thực email. Trước khi tìm thấy kết quả phù hợp, nó sẽ chuyển đổi email đầu vào thành chữ thường.
Ví dụ nhanh
const validateEmail = [email] => {
return String[email]
.toLowerCase[]
.match[
/^[[[^[][\]\\.,;:\s@"]+[\.[^[][\]\\.,;:\s@"]+]*]|[".+"]]@[[\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\]]|[[[a-z\-0-9]+\.]+[a-z]{2,}]]$/
];
};
Kết quả kiểm tra
Khi nhận được một định dạng email không hợp lệ, nó sẽ trả về null. Nếu không, nó trả về một mảng nội dung phù hợp với regex.
Input: TVT#example
Output: null.
Input:
Output: ,TVT,TVT,,,example.co,,example.co,example.
Xác thực Email Đơn giản trong JavaScript sử dụng regex
Tập lệnh xác thực email đơn giản này thực hiện kiểm tra cơ bản với chuỗi email đầu vào.
Nó xác thực email đầu vào nếu nó có định dạng mong đợi bất kể độ dài và kiểu dữ liệu.
Tôi đã thêm ví dụ này chỉ để hiểu cách thực hiện xác thực dựa trên mẫu với regex trong JavaScript.
Tôi thích sử dụng ví dụ nhanh hơn và ví dụ xác thực nghiêm ngặt sau đây.
simple-validation.html
JavaScript Simple Email Validation using Regular
Expression [regex]
JavaScript Validate Email using Regular Expression
[regex]
Email address:
function matchEmailRegex[emailStr] {
var emailRegex = /^[[[^[][\]\\.,;:\s@\"]+[\.[^[][\]\\.,;:\s@\"]+]*]|[\".+\"]]@[[\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\]]|[[[a-zA-Z\-0-9]+\.]+[a-zA-Z]{2,}]]$/;
return emailStr.match[emailRegex];
};
function validateEmail[emailField] {
var emailStr = emailField.value;
if [matchEmailRegex[emailStr]] {
alert["Entered value is a valid email."];
} else {
alert["Entered value is not an email."];
}
return false;
}
Kết quả kiểm tra
Không giống như ví dụ đơn giản, nó xác thực nghiêm ngặt tiền tố email bằng các ký tự đặc biệt được phép.
Nó cũng kiểm tra định dạng tên miền để xác thực email. Các kết quả sau đây cho thấy các trường hợp thử nghiệm và kết quả đầu ra tương ứng của xác thực email JavaScript.
Input: TVT
Output: Entered value is not an email.
Input:
Output: Entered value is not an email.
Input:
Output: Entered value is a valid email.
Tải xuống
↑ Quay lại đầu trang