Chrome 自动填充功能会混淆 kentico bizform 上的电话号码

Posted 2023-02-24

【中文标题】Chrome 自动填充功能会混淆 kentico bizform 上的电话号码

【英文标题】：Chrome autofill messes up phone number on kentico bizform

【发布时间】：2016-07-11 18:25:49

【问题描述】：

我有一个用 Kentico 6 构建的网站。有一个带有电话号码字段的联系我们表格。 Kentico 的电话字段格式是美国电话号码，它为您提供三个框 (3+3+4)。我在 Chrome 的自动填充设置中有一个地址设置，电话号码为 123-456-7890 格式（我也尝试过 [phone] 和 1234567890）。填写表格时，我从自动填充中选择值，并且所有字段都正确填充，除了电话号码：电话号码的区号和接下来的 3 个数字被翻转。例如：真实电话号码是 612-556-9003，但自动填充后显示为 556-612-9003。 see this image

【参考方案1】：

不确定是什么原因造成的，但您可以将其切换到文本字段，然后使用客户端库来控制字段内容或为其指定格式。

【参考方案2】：

我从来没有在无需自定义的情况下使用该表单控件的好运。所以最好的办法是将字段控件从电话号码更改为文本框，并在其中添加一个正则表达式来验证电话号码。 Here is a good example 的有效 10 位电话号码正则表达式。

【讨论】：

I tried this - I created another Phone number field as textbox, but when selecting autofill, it fills the textbox with phone number WITHOUT area code.

那么你需要确保你的自动填充是正确的。您可以在 Chrome 设置中查看此内容。

检查 - 自动填充有正确的电话号码。