赛捷软件论坛's Archiver

vicky.yu 发表于 2025-12-1 17:31

微信小程序 城市服务快速填写组件

auto-fill
接入微信城市服务,业务方可以使用小程序auto-fill组件功能,获取用户首次填写过的表单的信息。需接入auto-fill组件,点击此处查看详细说明。

组件调用说明
1、字段描述
auto­-fill字段由两部分组成,(group.key)表示分组和具体字段,相同group的字段可以关联在一起,用户的一次选择可以完成全部的填写。另外,开发时,需要给input、textarea、picker指定auto­fill字段。

字段定义及具体的group和key字段,详见详见下表。(申请权限时,可选择本表中的group_key,或key)

group_key        key        字段定义
公共字段
(可以和任意group_key组合)        name        姓名
id_card_num        身份证号
phone        手机号
email        邮箱
基础信息
base_info        sex        性别
birthday        生日
nationality        国籍
驾驶证信息
driver_licence_info        licence_num        驾驶证号
licence_file_num        驾驶证档案编号
行驶证信息
driver_licence_info        licence_plate_num        行驶证车牌号
engine_num        行驶证发动机号
licence_hassis_num        行驶证车架号
地址
address_info        nationality        国家
address        省
address_detail        详细地址
postcode        邮编
护照
passport        passport_num        护照号
validity        护照有效期
issue_at        签发地
first_name_zh        名字(中文)
last_name_zh        姓氏(中文)
first_name_en        名字(英文)
last_name_en        姓氏(英文)
birth_place        户口出生地
residence_place        户口所在地
港澳通行证
hk_macau_passport        passport_num        港澳通行证号
validity        护照有效期
issue_at        签发地
first_name_zh        名字(中文)
last_name_zh        姓氏(中文)
first_name_en        名字(英文)
last_name_en        姓氏(英文)
birth_place        户口出生地
residence_place        户口所在地
社保卡
social_security        card_num        社保卡号
调用字段填写表单时,公共字段使用,需调用对应group,如:base_info.name,base_info.phone;passport.name, passport.phone。其它group字段直接调用,如:base_info.email。

2、form表单示例

<form bindsubmit="submit">
  <input class="weui-input" placeholder="姓名" auto-fill="address_info.name"  />
  <input class="weui-input" placeholder="手机" auto-fill="address_info.phone" />
  <input class="weui-input" placeholder="身份证" auto-fill="address_info.id_card_num" />
  <button form-type="submit">submit</button>
</form>

3、测试案例
除以上文档,还可下载以下测试案例,测试试用。

点击下载测试案例

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.