如何让Opayo iframe兼容Google Pay自动填充的银行卡详情？

• 输入层拦截清洗自动填充值
  借助Drop-in提供的字段变更事件回调，监听有效期字段的输入值变化。当检测到填充值包含斜杠这类非数字分隔符时，自动提取内容中的全部数字字符，按MMYY规则拼接为固定4位长度的纯数字格式后回写到对应字段。清洗逻辑仅在检测到非数字字符的填充场景下触发，不对用户手动输入的正常数字内容做校验拦截，避免干扰正常操作体验。
• 调整字段自动填充属性映射
  通过Drop-in的自定义配置入口，修改有效期输入框对应的autocomplete属性值：将默认匹配带分隔符格式的cc-exp标识，调整为指向纯数字有效期的属性匹配规则，主动告知浏览器及Google Pay自动填充引擎向该字段输出无分隔符的4位纯数字有效期值，从填充源头降低格式不兼容的概率。
• 提交链路增加格式容错兜底
  若受iframe跨域限制，无法直接触达字段的实时输入值做前置清洗，可在支付请求正式提交前的校验环节增加适配逻辑：当检测到传入的有效期值包含斜杠等非数字字符时，自动拆分提取月、年的数字部分，拼接为符合要求的4位MMYY纯数字格式后，再传入支付校验流程，避免无效格式值直接触发接口报错。
  *如果遇到跨域场景下无法获取字段实时值的问题，可通过Drop-in开放的配置能力开通字段值透传回调，拿到自动填充的原始内容后再做格式适配。

内容的提问来源于stack exchange，提问作者Dave Harris