O'Reilly logo

KnockoutJS by Example by Adnan Jaswal

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Capturing credit card details

The forth feature of our customer registration form application is to capture the customer's credit card details. For the credit card, we will capture the name on the card, card number, and card expiry date. We will let our customer register more than one credit cards and limit it to a maximum of three.

Let's start by creating the credit card attribute in our customer model. This attribute will hold the details of the credit cards. This attribute will be an observable array as we need to allow our customers to register multiple credit cards. Add the following code to the customer model:

creditCards: ko.observableArray()

We need to add one credit card to our array initially so that it appears on the view. To do this, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required