creditcard method

Returns: Boolean

Description: Makes the element require a credit card number.

    Return true if the value is a valid credit card number.

    Works with text inputs.

    Part of the additional-methods.js file

    Note: The algorithm used can't verify the validity of the number – it is just an integrity check. As with any other clientside validation, you have to implement the same or better validation on the serverside.

    Example:

    Makes "field" required and credit card only.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    		 
    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>Makes "field" required and credit card only.</title>

    <link rel="stylesheet" href="https://jqueryvalidation.org/files/demo/site-demos.css">

     
    </head>

    <body>

    <form id="myform">

    <label for="field">Required, creditcard (try 446-667-651): </label>

    <input class="left" id="field" name="field">

    <br/>

    <input type="submit" value="Validate!">

    </form>

    <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

    <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>

    <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>

    <script>

    // just for the demos, avoids form submit

    jQuery.validator.setDefaults({

      debug: true,

      success: "valid"

    });

    $( "#myform" ).validate({

      rules: {

        field: {

          required: true,

          creditcard: true

        }

      }

    });

    </script>

    </body>

    </html>

    Demo: