javascript - iOS 7 记住这张卡片回调

Question

我遇到了这个问题，我们有一个付款页面，我们只允许您提交一次。

在 iOS 上，如果您输入信用卡，它会询问您是否要保存它(Safari 功能不是我们的)。然而，这是在我们的 javascript 验证分配 bool 值以禁止重新提交之后调用的。

Safari 弹出窗口停止页面传播并且没有任何反应。

我想知道是否有一种方法可以在用户提交此值并继续提交表单时使用回调或 Hook 。

注意:我已经在表单和输入中尝试了 autocomplete="off" 以不显示此弹出窗口。哪个不起作用。

编辑:我发现点击后表单没有提交是因为我们使用了Recaptcha(隐藏在图片中的弹出窗口后面)。

Answer 1

令人惊讶的是，我很难让“自动填充”对话框弹出。 Safari 似乎需要某种类型的线索，表明您正在提交信用卡信息。如果您希望对话框消失并且您控制表单元素的名称，那么将元素命名为与信用卡无关的名称:

这会提示自动填充:

<form action="test" method="post" id="credit">
    Name:<input type="text" name="cardholder"  />
    <br/>
    Credit Card Type:
    <select name="cardtype"  >
        <option></option>
        <option value="amex">amex</option>
        <option value="visa">visa</option>
        <option value="mastercard">mastercard</option>
    </select>
    <br/>
    Credit Card:<input type="text" name="cardnumber" />
    <br/>
    Expiration:<input type="text" name="expirationdate" />
    <br/>
    <input type="submit">
</form>

这不提示:

<form action="test" method="post" id="credit" autocomplete="off" >
    Name:<input type="text" name="h" autocomplete="off"  />
    <br/>
    Credit Card Type:
    <select name="t" autocomplete="off"  >
        <option></option>
        <option value="amex">amex</option>
        <option value="visa">visa</option>
        <option value="mastercard">mastercard</option>
    </select>
    <br/>
    Credit Card:<input type="text" name="n" autocomplete="off" />
    <br/>
    Expiration:<input type="text" name="d" autocomplete="off"  />
    <br/>
    <input type="submit">
</form>