payment-gateway - authorize.net dpm 信用卡到期日期选择字段

Question

我正在创建一个表单以使用 DPM 提交到 Authorize.net。我认为信用卡到期日期必须在单个变量中格式化为 yyyy/dd 。

我想在 html 表单上使用两个字段:一个用于月份的下拉选择字段，一个用于日期的下拉选择字段。如何将两个 html 表单字段合并为一个变量，以便在提交时将其作为一个格式正确的变量提交给 Authorize.net？

我怀疑这可以用 javascript 来完成，但是，即使 javascript 被禁用，它也必须每次都能工作。

感谢您的任何帮助或替代建议。

Answer 1

这是我的处理方法。

按照您的建议，启用了 JavaScript 的用户会看到月份和年份的单独下拉菜单。没有 JavaScript 的用户会看到一个文本输入字段，其中指示了正确的日期格式。

您绝对不想将表单内容发布回原始服务器，因为这违背了使用 Direct Post Method 的意义。 .

这是使用 JQuery 的基本代码。

<form id="cart-form" action="...">
...

Expiration Date:
<div id="exp_date_wrap">
    <input name="x_exp_date" type="text" /> (format: mm/yy)
</div>

<select name="x_cc_month" id="x_cc_month" style="display:none">
    <option value="">-- month --</option>
    ...
</select>

<select name="x_cc_year" id="x_cc_year" style="display:none">
    <option value="">-- year --</option>
    ...
</select>

<script>
  $('#exp_date_wrap').hide();
  $('#x_cc_month, #x_cc_year').show();

  $('#cart-form').submit(function() {
    $('#x_exp_date').val(
      $('#x_cc_month :selected').val() + '/' +
      $('#x_cc_year :selected').val()
    );
  });
</script>

</form>