让你的信用卡表格在一行代码中变得更好
Posted
tags:
中文标题：让你的信用卡表格在一行代码中变得更好 原文标题：make your credit card form better in one line of code 项目评级：Star:11500 Fork:1500 下载地址：https://github.com/jessepollak/card 详情介绍卡片-查看演示
一行代码中的更好的信用卡形式
信用卡将采用任何信用卡形式，并使其成为结账过程中最好的部分（无需更改任何内容）。一切都是用纯CSS、HTML和Javascript创建的，不需要图像。
用法（不带jQuery）
要使用，您需要将Card JavaScript文件包含到HTML中，不需要CSS链接，因为JavaScript文件可以为您做到这一点。您可以在/dist/card.js找到必要的文件，并将其包含在HTML中。
一旦你包含了这些文件，你就可以初始化Card了。
从凉亭安装插卡
如果您正在使用bower，您可以使用以下软件安装card.js：
bower install card --save
从npm安装卡
如果您使用的是npm，您可以使用以下软件安装card.js：
npm install --save card
var $ = require("jquery");
// The current card.js code does not explictly require jQuery, but instead uses the global, so this line is needed.
window.jQuery = $;
var card = require("card");
对一个字段使用多个输入
卡片可以用于多个输入呈现到单个字段的表单（即，您有一个名字和姓氏输入）。要将Card与此功能一起使用，只需传入一个选择器，该选择器将按正确顺序选择字段。例如
使用不同的初始卡片占位符进行渲染
对于name、number、expiry和cvc的卡片，卡片渲染具有默认占位符。要覆盖这些占位符，可以传入一个placeholders的对象。
翻译
要用不同的语言呈现带有字符串的卡片，可以传入messages的对象。
与jQuery一起使用
要与jQuery一起使用，您需要在HTML中包含jquery.card.js文件。您可以在/dist/jquery.card.js找到必要的文件，并将其包含在您的HTML中。
一旦包含了这些文件，就可以使用jQuery初始化Card。
与其他javascript库一起使用
Card具有包装器，可以方便地与其他javascript库一起使用：
角度1.x
角度2+
余烬
反应
Vue公司
要与VueJs一起使用，请从npm安装card.js：
在你的组件中添加一个类为“卡片包装器”的Div，只需传入一个选择器，以正确的顺序选择字段。导入组件card.js并将对象添加到实例挂载中，如下例所示：
发展
要做出贡献，请遵循以下步骤：
现在，如果您在浏览器中转到localhost:8080/example，您应该会看到演示页面。
使用卡片的地方
卡片在野外的这些地方使用：
你在生产中使用卡片吗？如果是这样的话，我们很乐意从这个页面链接到您。打开公关或在推特上留言@jessepolak，我们会立即添加您！
项目范围
该项目的范围是改进网站上支付卡的捕获。与用户界面和支付卡验证相关的问题和修复也在范围内。
有关如何在特定项目中使用Card的问题，请在Stack Overflow或类似论坛上提问。
捐赠
如果您想捐款帮助支持Card的发展，请直接将比特币发送到17NUKd3v7GWben18kGhmFafa4ZpWrXpQSC或通过此处的Coinbase。
如何让你的代码变得更优雅？这些代码规范和技巧必须知道（进阶必备，建议收藏）
如何让你的代码变得更优雅？这些代码规范和技巧必须知道（进阶必备，建议收藏）
Android Design Support Library 的 代码实验——几行代码，让你的 APP 变得花俏