Build a Credit Card Form Using JavaScript

Adi PurdilaJul 27, 2016Lessons: 8Length: 58 minutes

HTML/CSS HTML

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

1.1 Introduction

In this short course we’re going to build a credit card form which validates in real time.

You’re going to learn how to use Luhn’s algorithm for validating a credit card number, and you’ll learn about the various credit card types and how to find the issuing bank. You’ll also learn a step-by-step method of filling in these types of forms. Let’s begin!

Related Links:

Demo of What We’ll Be Building

1.Introduction
1 lesson, 00:28

1.1
Introduction
00:28

2.The Form Build
6 lessons, 54:30

2.1
Prerequisites
02:57

2.2
Form Markup
04:32

2.3
JavaScript Preparation
15:40

2.4
Form Validation
14:20

2.5
Form Styling
07:26

2.6
Final Touches
09:35

3.Conclusion
1 lesson, 02:48

3.1
Final Words
02:48

1.1 Introduction

Hello, my name is Adi Purdila and in this short course we're going to build and validate a credit card form. We're going to learn how to use the LUNs algorithm for validating a credit card number. We'll learn about the various credit card types and how to find the issuing bank. And also explore a different method of filling in these types of forms. Welcome to build a Credit Card Form using JavaScript. Let's begin.

Back to the top

Adi Purdila

Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value. Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals. When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets. You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.

adipurdila

Build a Credit Card Form Using JavaScript

Next lesson playing in 5 seconds

1.1 Introduction

1.Introduction1 lesson, 00:28

2.The Form Build6 lessons, 54:30

3.Conclusion1 lesson, 02:48

1.1 Introduction

1.Introduction
1 lesson, 00:28

2.The Form Build
6 lessons, 54:30

3.Conclusion
1 lesson, 02:48