微信小程序开发文档微信小程序城市服务快速填写组件

2024-02-25 开发教程微信小程序开发文档匿名 0℃

auto-fill

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

组件调用说明

1、字段描述

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

字段定义及具体的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	驾驶证号
驾驶证信息 driver_licence_info	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、测试案例

除以上文档，还可下载以下测试案例，测试试用。

点击下载测试案例

上一节：微信小程序城市服务消息通路接口

下一节：微信小程序城市服务实名信息校验

"微信小程序开发文档"的目录