信用卡表单 html 值长度

Question

我尝试了很多示例，但仍然找不到解决问题的好方法。

如果我使用文本字段，那么我的应用会裁剪最后 3 位数字并使交易无法进行。问题是因为用户可能会输入space，

例如-

1234 1234 4564 1

当我在 (type="text") 上使用 JQuery 时，我过滤了字符，但我仍然遇到空间和裁剪问题。

知道如何以更好的方式解决这个问题吗？

我不太喜欢使用 JS 进行键映射，因为我不知道用户想要如何使用空间。

这是我的代码 -

<input class="required" id="field" type="number" min="0000" max="9999" pattern="[0-9]{4}"  size="4" name="cvv"/>

<div class="FormInput">
                    <input name="var_creditcard_no" type="number" id="var_creditcard_no" onkeypress="return Check_mobile_number(event)" maxlength="16" value="<?php echo set_value('var_creditcard_no', '') ?>" placeholder="Credit Card Number *">
                    <?php echo form_error('var_creditcard_no', '<label class="error">', '</label>') ?>
                </div>

这是 JQuery 代码 -

    $(function() {
      var txt = $("#myTextbox");
      var func = function() {
        txt.val(txt.val().replace(/\s/g, ''));
      }
      txt.keyup(func).blur(func);
    });

Answer 1

HTML 代码

cc number
<br/>
<input class="required" id="field" type="text" maxlength="16" onkeypress="return isNumberKey(event)" name="cc" />max 16
<br/>cvv
<br/>
<input class="required" id="field" type="text" maxlength="4" onkeypress="return isNumberKey(event)" name="cvv" />max 4

js代码

/* isNumberKey
    Only allows NUMBERS to be keyed into a text field.
    @environment ALL
    @param evt - The specified EVENT that happens on the element.
    @return True if number, false otherwise.
 Source:
 http://www.kk-design.com/DevCookbook/JavascriptLibrary/isnumberkey.html
*/
function isNumberKey(evt) {
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    // Added to allow decimal, period, or delete
    if (charCode == 110 || charCode == 190 || charCode == 46) return true;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) return false;
    return true;
} // isNumberKey

Solution is here我个人不喜欢它，但它的工作。

但也许他们应该为信用卡添加新的 html 类型，我认为所有人都会使用它。

Answer 2

您可以使用 html5 模式来实现这一点。

美国运通：

[0-9]{4} *[0-9]{6} *[0-9]{5}

信用卡

[0-9]{13,16}

大来俱乐部

^([30|36|38]{2})([0-9]{12})$

就这样用吧，

pattern="[0-9]{13,16}"

Answer 3

var txt = '1234 1234 4564 1';
txt = txt.replace(/\s/g,'');
var valid = txt.match(/([0-9]{16})/g);
if(valid){
     //submit form
}

通知

存储信用卡信息不违法；但是，强烈建议您不要这样做，因为您可能会对发生的任何损害负责。

首先，成为 PCI 兼容 https://www.pcisecuritystandards.org/documents/PCI_DSS_v3-1.pdf

一旦您符合 PCI 标准，重要的是要了解哪些信息可以不记录在您的系统中：

• 完整的磁道数据（磁条数据或芯片上的等效数据）
• CAV2/CVC2/CVV2/CID
• PIN/PIN 块

根据官方 PCI 合规性文档，以下信息不被认为是安全的：

• 主帐号 (PAN)
• 持卡人姓名
• 有效期
• 服务代码

“主帐号是持卡人数据的定义因素。 如果存储了持卡人姓名、服务代码和/或到期日期， 用 PAN 处理或传输，或以其他方式存在于 持卡人数据环境，他们必须按照 适用的 PCI DSS 要求”

PCI DSS 要求 3.3 和 3.4 仅适用于 PAN。如果存储了 PAN 对于持卡人数据的其他元素，只有 PAN 必须呈现 根据 PCI DSS 要求 3.4 不可读。