📜  聚合物金Cc输入

📅  最后修改于: 2021-01-08 01:09:03             🧑  作者: Mango

聚合物金CC输入

聚合物金CC输入是材料设计的样式输入文本字段。用于输入信用卡号。用户键入代码时,每4位数字后会添加一个空格。

句法:


此元素具有可选标签,默认情况下为“卡号”,如下所示-


验证方式

我们可以使用Luhn校验和来验证输入的信用卡号是有效的还是无效的,以及卡的类型。

如果要手动验证,则可以使用validate()方法,如果有效,则返回true;否则返回false(如果无效)。您还可以使用自动验证和必需属性来使输入自动验证。

它包括不同类型的信用卡,例如amex,diners_club,discover,jcb,laser,Maestro,Mastercard,Visa,Visa_electron等信用卡。这些都是通过cardTypes属性提供的。

运行以下命令以在项目目录中安装gold-cc-input元素。之后,您可以在应用程序中使用此元素:

bower install PolymerElements/gold-cc-input -save

它将在bower_components文件夹下安装Polymer-gold-cc-input的所有相关元素。

创建一个index.html文件,并在其中添加以下代码,以查看Polymer.js中gold-cc-input元素的用法。



   
      Gold CC Input
      
      
      
      
   
   
      

Pre-validated credit card numbers


Displayes error message for wrong number

输出: