Hướng dẫn regex javascript email

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
  • Kết quả kiểm tra
• Xác thực Email Đơn giản trong JavaScript sử dụng regex
  • Kết quả kiểm tra
• Cách thực hiện xác thực email nghiêm ngặt trong JavaScript
  • Kết quả kiểm tra

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)
        

            

                

                    Email address:  
                
                

                    
                
            
        
    
    

Kết quả kiểm tra

Input: TVT
Output: Entered value is not an email. 

Input: 
Output: Entered value is a valid email.

Cách thực hiện xác thực email nghiêm ngặt trong JavaScript

Ví dụ này sử dụng một mẫu regex gần như tương tự được sử dụng trong ví dụ nhanh. Tuy nhiên, nó xử lý giá trị trả về của khớp JavaScript để xuất ra thông báo xác thực.

Nó cung cấp một mã để đưa trực tiếp vào tập lệnh xác thực ứng dụng để xác thực đầu vào email biểu mẫu.

Cảnh báo () có thể được thay thế bằng bất kỳ hình thức nào để cho người dùng cuối biết về trạng thái xác thực.

nghiêm ngặt-validation.html

    

        
JavaScript Validate Email using Regular Expression
            (regex)
        

            

                

                    Email address:  
                
                

                    
                
            
        
    
    

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