一个小型jQuery插件,它利用Luhn算法来检查和验证用户输入的号码是否是有效的信用卡号。
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');
- }
- });
- });