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