Checking for keyup event in Javascript

Question

I am trying to use the jQuery Credit Card Validator to validate credit cards.

The basic usage is given as

$('#cc_number').validateCreditCard(function(result)
{
alert('CC type: ' + result.card_type.name
  + '\nLength validation: ' + result.length_valid
  + '\nLuhn validation: + result.luhn_valid');
});

I looked on the demo JS file included on that site and couldn't make head nor tail.

What I am trying to achieve is onkeyup of input, do something depending on what card type is caught:

 //on key up of input
 if (card == valid) 
   {
     if (card == visa)
      {
        //do something
      }
     else if (card == mastercard)
     {
        //do something
     }
       // repeat for rest of card types
   }
 else
   {
     //Just print an error
   }

I know it's fairly basic stuff, but can anybody help me with how to achieve?

 my HTML:
 <input type="text" id="cc_number" />

Pawel Decowski · Accepted Answer · 2013-04-10 09:58:33Z

3

Developer of jQuery Credit Card Validator here.

jCCV binds the keyup event so you don’t need to do it. (actually it’s a little more complicated than that — all you need to know is that every time the value of the field changes, your callback function is executed).

$('#cc_number').validateCreditCard(function(result)
{
    // this will execute everytime the value of the `#cc_number` field changes

    if (result.length_valid && result.luhn_valid) {
        if (result.card_type.name == 'visa') {
            // do something
        } else if (result.card_type.name == 'mastercard') {
            // do something
        }       
        // repeat for rest of card types
    } else {
        // just print an error
    }
});

edited Apr 10, 2013 at 9:58

answered Apr 10, 2013 at 9:53

Pawel Decowski

1,6212 gold badges15 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Pawel Decowski Over a year ago

No problem! If you need any more help, you can contact me directly on Twitter @PawelDecowski. Glad to help!

user3067524 Over a year ago

Pawel, Please help on this post @ stackoverflow.com/questions/22148771/…

Greg · Accepted Answer · 2013-04-09 14:51:29Z

1

try something like this:

$("#cc_number").on("keyup", function() {
    $(this).validateCreditCard(function(result) {
    alert('CC type: ' + result.card_type.name
      + '\nLength validation: ' + result.length_valid
      + '\nLuhn validation: ' + result.luhn_valid);
    });

    if (result.card_type.name) {
      if (result.card_type.name == visa)
      {
         //do something
      }
      else if (result.card_type.name == mastercard)
      {
         //do something
      }
      // repeat for rest of card types
   }
   else {
     //Just print an error
   }
});

answered Apr 9, 2013 at 14:51

Greg

8,87421 gold badges72 silver badges110 bronze badges

1 Comment

Pawel Decowski Over a year ago

Actually this is wrong. jCCV automatically binds the necessary events so the callback is executed whenever the value of the field changes. It will be optional in an upcoming version.

eozzy · Accepted Answer · 2013-04-09 14:53:04Z

0

Use this one by Stripe: https://github.com/stripe/jquery.payment

Much better.

answered Apr 9, 2013 at 14:53

eozzy

69.3k111 gold badges287 silver badges448 bronze badges

1 Comment

Pawel Decowski Over a year ago

This is a bit of an overkill since it’s a payment library and the validation functions are just helpers. I’m biased, though, as I’m the jQuery Credit Card Valildator developer ;)

Collectives™ on Stack Overflow

Checking for keyup event in Javascript

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related