Xác thực email javascript

JavaScript là một ngôn ngữ lập trình mã nguồn mở. Nó được thiết kế để tạo các ứng dụng tập trung vào web. Nó nhẹ và thông dịch, làm cho nó nhanh hơn nhiều so với các ngôn ngữ khác. JavaScript được sử dụng để tạo các ứng dụng web được thiết kế đẹp mắt

Xác thực email trong JavaScript là một phần quan trọng trong trải nghiệm người dùng của ứng dụng web. Xác thực hỗ trợ nhập biểu mẫu và đảm bảo rằng chỉ thông tin hợp lệ mới được chuyển đến máy chủ từ phía máy khách của ứng dụng

Khái niệm cơ bản đến nâng cao - Tìm hiểu tất cả - Đảm bảo

Chương trình đảm bảo việc làm cho nhà phát triển Java Full Stack Chương trình khám phá

Xác thực là gì?

Xác thực thường được định nghĩa là quá trình kiểm tra các giá trị do người dùng nhập vào. Nó đóng một vai trò quan trọng trong các ứng dụng web và nâng cao trải nghiệm người dùng tổng thể. Chúng tôi có thể xác thực email, mật khẩu, ngày tháng, số điện thoại di động và nhiều trường khác

JavaScript được sử dụng để xác thực dữ liệu biểu mẫu ở phía máy khách của ứng dụng web và điều này tăng tốc quá trình xác thực do xử lý dữ liệu nhanh hơn khi so sánh với xác thực phía máy chủ

Bây giờ chúng ta đã biết một chút về xác thực, hãy tiếp tục và triển khai xác thực email trong JavaScript

Cách xác thực email bằng JavaScript

Xác thực email là một phần quan trọng trong việc xác thực biểu mẫu HTML. Email là một chuỗi hoặc một tập hợp con các ký tự ASCII được phân tách thành hai phần bằng ký hiệu @. Phần đầu tiên chứa thông tin cá nhân trong khi phần còn lại chứa tên miền mà email được đăng ký

Phần thông tin cá nhân có thể chứa các ký tự ASCII sau

• Chữ hoa và chữ thường (A-Z và a-z)
• Ký tự số (0-9)
• Ký tự đặc biệt -. # $ % & ' * + - / = ? . } ~
• Dấu chấm, dấu chấm hoặc dấu chấm (. ) với điều kiện không được là chữ đầu hoặc chữ cuối của email và không được lặp lại lần lượt

Khởi động sự nghiệp Blockchain của bạn sau sáu tháng

Hội thảo trên web miễn phí. Thứ Năm, ngày 1 tháng 12, 8 giờ tối theo giờ CST Đăng ký ngay

Tên miền chứa

• Bức thư
• chữ số
• dấu gạch nối
• dấu chấm

Một trong những cách phổ biến nhất để xác thực email trong JavaScript là sử dụng các biểu thức chính quy. JavaScript sử dụng các biểu thức chính quy để mô tả một mẫu ký tự.  

e-mail. js

Tệp này chứa mã JavaScript mà chúng tôi cần để xác thực email. Chúng tôi đang sử dụng cụm từ thông dụng để xác thực email ở phía máy khách của ứng dụng web

chức năng Xác thựcEmail (đầu vào) {

var hợp lệRegex = /^[a-zA-Z0-9. #$%&'*+/=?^_`{. }~-]+@[a-zA-Z0-9-]+(?. \. [a-zA-Z0-9-]+)*$/;

nếu (đầu vào. giá trị. trận đấu (Regex hợp lệ)) {

alert("Địa chỉ email hợp lệ. ");

tài liệu. hình thức 1. Văn bản 1. tiêu điểm();

trả về đúng;

} khác {

cảnh báo ("Địa chỉ email không hợp lệ. ");

tài liệu. hình thức 1. Văn bản 1. tiêu điểm();

trả về sai;

}

}

• Xác định biểu thức chính quy để xác thực địa chỉ email
• Kiểm tra xem giá trị đầu vào có khớp với biểu thức chính quy không
• Nếu trùng khớp, hãy gửi thông báo cho biết “địa chỉ email hợp lệ”
• Nếu không khớp, hãy gửi cảnh báo cho biết “địa chỉ email không hợp lệ”

e-mail. html

Tệp này chứa mã HTML cơ sở có tất cả các thành phần được xác định cho trang web này

<. LOẠI TÀI LIỆU html>

<đầu>

  

  

đọc liên quan. HTML (Ngôn ngữ đánh dấu siêu văn bản) là gì?

Đây là cách để có được công việc nhà phát triển phần mềm hàng đầu

Phát triển ngăn xếp đầy đủ-MEAN Chương trình khám phá

e-mail. css

Tệp này chứa các kiểu CSS cần thiết để tạo kiểu cho các thành phần HTML trong trang web. Các phong cách đều rõ ràng và bạn có thể tự do thay đổi các phong cách này theo sở thích của mình

li {

kiểu danh sách. không ai;

cỡ chữ. 16pt;

}

thư {

lề. Tự động;

đệm-top. 10px;

đệm-đáy. 10px;

bề rộng. 400px;

lai lịch. mòng két;

biên giới. 1px màu bạc nguyên khối;

}

thư h2 {

lề trái. 38px;

màu sắc. trắng;

}

đầu vào {

cỡ chữ. 20 điểm;

}

đầu vào. tiêu điểm,

vùng văn bản. tiêu điểm {

màu nền. vàng nhạt;

}

xác thực đầu vào {

cỡ chữ. 12pt;

}

rq {

màu sắc. #ff0000;

cỡ chữ. 10 điểm;

}

đầu ra

Cuối cùng, đầu ra sẽ trông giống như thế này

Quả sung. Xác thực email trong JavaScript

Chúng tôi hy vọng bạn đã hiểu cách triển khai xác thực email trong JavaScript sau khi xem qua bài viết này. Đây là một chủ đề tương đối đơn giản được sử dụng trong các loại ứng dụng web khác nhau

đọc liên quan. Hướng dẫn CSS cơ bản cho người mới bắt đầu

Nắm vững toàn bộ kiến ​​thức cơ bản về JavaScript, jQuery, Ajax, v.v. với Khóa đào tạo cấp chứng chỉ Javascript. Kiểm tra xem trước khóa học

Đón đầu xu hướng và làm chủ JavaScript ngay hôm nay

Bạn đang tự hỏi làm thế nào bạn có thể đạt được các kỹ năng cần thiết để tận dụng sự phổ biến to lớn của JavaScript khi bạn đã quen với việc xác thực email? . Chúng tôi cung cấp Chương trình đào tạo chứng chỉ Java toàn diện, sẽ giúp bạn sẵn sàng cho sự nghiệp sau khi hoàn thành. Ngoài ra xác thực email là một trong những chủ đề thường được hỏi trong các câu hỏi phỏng vấn Java. Vì vậy, hãy bắt đầu ngay hôm nay và nắm bắt tương lai của bạn

Nếu bạn là một nhà phát triển web và thiết bị di động đầy tham vọng, khóa đào tạo JavaScript sẽ mở rộng các kỹ năng và chân trời nghề nghiệp của bạn

Bạn có câu hỏi nào cho chúng tôi không?

Tìm Chương trình đào tạo trực tuyến dành cho nhà phát triển Java Full Stack của chúng tôi tại các thành phố hàng đầu

NameDatePlaceNhóm nhà phát triển Java Full Stack bắt đầu vào ngày 13 tháng 12 năm 2022,
Đợt cuối tuầnChi tiết CityView của bạnKhóa học dành cho nhà phát triển Java Full Stack ở SydneyNhóm bắt đầu vào ngày 15 tháng 12 năm 2022,
Cuối tuần
Weekend batchMelbourneView Details

Thông tin về các Tác giả

Taha Sufiyan

Taha là một nhà phân tích nghiên cứu tại Simplilearn. Anh ấy đam mê xây dựng giao diện người dùng tuyệt vời và luôn cập nhật về thế giới Trí tuệ nhân tạo. Taha cũng thích chơi game và chụp ảnh