jQuery和Luhn算法验证信用卡号

  • 源码大小:13.21KB
  • 所需积分:1积分
  • 源码编号:19JP-3350
  • 浏览次数:447次
  • 最后更新:2023年06月03日
  • 所属栏目:表单
本站默认解压密码:19jp.com 或 19jp_com

简介

一个小型jQuery插件,它利用Luhn算法来检查和验证用户输入的号码是否是有效的信用卡号。

参见:

  • 提高转换率的10个最佳信用卡表单插件

如何使用它:

1.在页面上包含creditCardNumberCheck.js jQuery插件。

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/creditCardNumberCheck.js"></script>

2.在页面上创建信用卡输入。

<h3>Credit Card number:</h3>
<input type="text" value="5457623898234113" id="card" />
<div class="output">Result: </div>
<button id="check" class="btn">Check</button>

3.启用“检查”按钮以检查输入的信用卡号是否有效。

$(document).ready(function()
  {
    $("#check").click(function()
    {
      //isCreditCard retuns boolean
      if($("#card").isCreditCard())
      {
        $("#card").css('border','2px solid green');
        $(".output").append('it is a valid card number');
      } 
      else 
      {
        $("#card").css('border','2px solid red');
        $(".output").append('it is an invalid card number');
      }
    }); 
});

预览截图