如何使用 jQuery 信用卡验证器

Posted 2023-03-03

【中文标题】如何使用 jQuery 信用卡验证器

【英文标题】：How to use jQuery Credit Card Validator

【发布时间】：2013-03-02 05:31:47

【问题描述】：

我希望使用 jQuery 信用卡验证器验证信用卡号：http://jquerycreditcardvalidator.com/

在过去的几个小时里，我一直在尝试熟悉 javascript、coffeescript 和 jquery，以便弄清楚如何使用它。

这些是我为使其工作而采取的步骤：

我下载了coffeescript和node.js以及jquery。

我编译了从上面的信用卡验证器网站下载的 .coffee 文件，据我了解，它会将其转换为纯 Javascript。

然后我下载了 Sublime Text 2 并打开了新的 .js 文件并在开头和结尾添加了脚本标签。

最后我将它保存为 .html 并尝试在 chrome 中运行它，但没有任何反应。

如果我遗漏了一些明显的东西或不理解这个概念，请原谅我，我相信我要做的是在我拖放 . html 文件到 chrome 中，然后我可以从那里验证我自己的信用卡号。

所以我想我需要合并上面网站上的“如何使用它”部分，但我不知道如何。

如果有人能指出我正确的方向，你就可以节省我几个小时的无脑教程冲浪。谢谢

编辑：我使用<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>并摆脱了jquery错误，但现在只出现了一堆文本和cmets中提到的语法错误。

【问题讨论】：

因为您使用的是 chrome，所以右键单击并点击“检查元素”——如果有任何错误，您将能够在控制台中看到。您可能需要在控制台打开的情况下重新加载页面。

它说 jquery 没有定义。

对 - 那么你包含了 jQuery 吗？并在您的其他脚本之前包含 jQuery？

我下载并编译的脚本开头有一个 src="the .js file that come from the website"。

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script> 之前你加载任何依赖它的库/脚本

【参考方案1】：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js" integrity="sha512-UdIMMlVx0HEynClOIFSyOrPggomfhBKJE28LKl8yR3ghkgugPnG6iLfRfHwushZl1MOPSY6TsuBDGPK2X4zYKg==" crossorigin="anonymous"></script>
<script src="http://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>

function ValidateCreditCardNumber() 
        
            var ccNum = document.getElementById("creditcard").value;
            var visaRegEx = /^(?:4[0-9]12(?:[0-9]3)?)$/;
            var mastercardRegEx = /^(?:5[1-5][0-9]14)$/;
            var amexpRegEx = /^(?:3[47][0-9]13)$/;
            var discovRegEx = /^(?:6(?:011|5[0-9][0-9])[0-9]12)$/;
            var isValid = false;

            if (visaRegEx.test(ccNum)) 
            
                isValid = true;
             else if(mastercardRegEx.test(ccNum)) 
            
                isValid = true;
             else if(amexpRegEx.test(ccNum)) 
            
                isValid = true;
             else if(discovRegEx.test(ccNum)) 
            
                isValid = true;
            

            if(isValid) 
            
                alert("Thank You!");
             else 
            
                alert("Please provide a valid Visa number!");