jQuery和Luhn算法验证信用卡号

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

简介

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

参见:

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

如何使用它:

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

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

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

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

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

  1. $(document).ready(function()
  2. {
  3. $("#check").click(function()
  4. {
  5. //isCreditCard retuns boolean
  6. if($("#card").isCreditCard())
  7. {
  8. $("#card").css('border','2px solid green');
  9. $(".output").append('it is a valid card number');
  10. }
  11. else
  12. {
  13. $("#card").css('border','2px solid red');
  14. $(".output").append('it is an invalid card number');
  15. }
  16. });
  17. });

预览截图