JavaScript là một trong những ngôn ngữ phổ biến nhất trong , Phát triển Front-end và Back-end. Nó được sử dụng để tạo các trang web được thiết kế đẹp mắt. Trong JavaScript, xác thực được sử dụng để xác thực người dùng. Trong này Xác thực JavaScript Bạn sẽ tìm hiểu về xác thực biểu mẫu theo trình tự sau:
- JavaScript là gì?
- Các hàm trong JavaScript
- Xác thực là gì?
- Xác thực biểu mẫu JavaScript
- Xác thực Email JavaScript
JavaScript là gì?
là một cấp cao, thông dịch ngôn ngữ lập trình được sử dụng để làm cho các trang web tương tác hơn. Nó là một rất mạnh mẽ phía khách hàng ngôn ngữ kịch bảnlàm cho trang web của bạn trở nên sinh động và tương tác hơn.
Nó là một ngôn ngữ lập trình giúp bạn triển khai phức tạp và thiết kế đẹp trên trang web . Nếu bạn muốn trang web của mình trông sống động và làm được nhiều việc hơn là chỉ nhìn chằm chằm vào bạn, JavaScript là điều bắt buộc.
Các tính năng của JavaScript:
Nó là một ngôn ngữ kịch bản và không liên quan gì đến . Ban đầu, nó được đặt tên là Mocha , sau đó được đổi thành LiveScript và cuối cùng nó được đặt tên là JavaScript .
JavaScript là một dựa trên đối tượng ngôn ngữ lập trình hỗ trợ đa hình, đóng gói và kế thừa.
Bạn có thể chạy JavaScript không chỉ trong trình duyệt nhưng cũng trên người phục vụ và bất kỳ thiết bị nào có JavaScript Engine.
Các hàm JavaScript
Cơ bản khu nhà trong JavaScript được gọi là Chức năng . Về cơ bản nó là một tập hợp các câu lệnh thực hiện một tác vụ hoặc tính toán một giá trị. Để sử dụng một hàm, nó phải được xác định ở đâu đó trong phạm vi mà bạn muốn gọi nó.
Định nghĩa hàm bao gồm từ khóa hàm, theo sau là:
Các Tên của hàm.
Một danh sách về thông số đến hàm, được đặt trong dấu ngoặc đơn và được phân tách bằng dấu phẩy.
JavaScript các câu lệnh xác định hàm, được đặt trong dấu ngoặc nhọn, {}.
Hãy lấy một ví dụ và xem cách xác định một hàm có tên thêm vào :
hàm add (a, b) {return a + b}Bây giờ, để xác thực người dùng, một hàm xác nhận được sử dụng. Vì vậy, hãy tiếp tục và tìm hiểu thêm về xác thực JavaScript.
Xác thực là gì?
Xác thực là một phương pháp để xác thực người dùng. JavaScript cung cấp cơ sở để xác thực biểu mẫu ở phía máy khách, do đó việc xử lý dữ liệu sẽ nhanh hơn xác thực phía máy chủ. Nó được ưa thích bởi hầu hết các nhà phát triển web. Thông qua JavaScript, chúng tôi có thể xác thực tên, mật khẩu, email, ngày tháng, số điện thoại di động và nhiều trường khác.
Phía khách hàng xác thực ngăn không cho khách hàng biết liệu biểu mẫu có ổn không trước khi tải lại một trang. Trong khi, Phía máy chủ xác thực là quan trọng do thực tế là xác thực phía máy khách có thể bị bỏ qua hoàn toàn bằng cách tắt JavaScript.
Bây giờ, hãy tiếp tục với bài viết Xác thực JavaScript của chúng tôi và xem ví dụ về Xác thực biểu mẫu.
sự khác biệt giữa html và xml
Xác thực JavaScript: Ví dụ
Ví dụ sau là một mã trong HTML, CSS và JavaScript để xác thực một biểu mẫu trong đó:
- HTML đã từng tạo nên hình thức.
- JavaScript đã từng xác nhận hình thức.
FormValidation.html
xác thực biểu mẫu / ** /Mật khẩu:
Điều này sẽ cho kết quả sau:
Bây giờ, bạn cần tạo một tệp khác sẽ chuyển hướng trang sang trang mới sau khi nhấp vào Gửi đi cái nút.
Text.html
Xác thực biểu mẫu / ** /
Nó sẽ chuyển hướng đến một trang khác và cung cấp thông tin sau đầu ra :
Bây giờ, chúng ta cần thêm một Chức năng trong JavaScipt của chúng tôi để liên kết id đầu vào. Điều này sẽ bật lên một cảnh giác thông báo nếu bất kỳ trường nào bị bỏ trống.
function validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Tên không được để trống' ) return false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } Điều này sẽ bật ra sau cảnh giác khi mà Trường tên để trống:
Tiếp theo, nếu bạn nhập tên và để lại Trường mật khẩu trống, nó sẽ bật lên sau cảnh giác :
Khi bạn đã thêm tên và mật khẩu theo đúng định dạng, trang này sẽ được chuyển hướng đến trang Text.html cho đầu ra cuối cùng.
Mã hoàn chỉnh cho Xác thực biểu mẫu là như sau:
hàm xác thực biểu mẫu validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Tên không được blank ') return false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } Mật khẩu: Đây là một ví dụ về xác thực biểu mẫu trong JavaScript. chúng tôi cũng có thể xác nhận id email, mật khẩu, số điện thoại di động. và nhiều thứ khác nữa.
Vì vậy, hãy lấy một ví dụ khác và xem cách xác thực id email sử dụng JavaScript.
Xác thực Email JavaScript
Email.html
function ValidateEmail (inputText) {var mailformat = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} else {alert ('Bạn đã nhập địa chỉ email không hợp lệ!') document.form1.text1.focus () return false}}Đầu ra
kết thúc một chương trình trong java
Với điều này, chúng ta đã đến phần cuối của bài viết xác thực JavaScript của mình. Tôi hy vọng bạn thấy blog này có nhiều thông tin và hiểu cơ bản về xác thực JavaScript.
Ngoài ra, đừng quên kiểm tra bởi Edureka . Có một câu hỏi cho chúng tôi? Vui lòng đề cập đến nó trong phần nhận xét của “JavaScript Validation” và chúng tôi sẽ liên hệ lại với bạn.