Shopify 结账页自定义必填字段怎么加校验
现象#
在结账扩展里加了一个「公司名称」输入框,客户不填也能继续付款,收集到的数据大量为空。
原因#
- 扩展只做了 UI,没有把值写回 cart attributes
- 校验逻辑写在前端但未阻止
continue - 字段变更没有触发
applyAttributeChange
处理步骤#
- 用
useApplyAttributeChange在onChange时写入 cart - 在按钮
onClick里校验,未通过时event.waitUntil后不调用continue - 给输入框设置
required与错误文案 - 用
cart.attributes回读确认已落库
验收标准#
不填必填项无法进入下一步并显示错误提示;填写后订单详情能看到该字段。
本文由 风格技术 技术团队整理,适用于 Shopify 标准版与 Plus 店铺。Shopify 平台能力迭代较快,具体操作路径与字段以官方文档和店铺后台实际版本为准。