一个小型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'); } }); });