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

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、测试案例

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

点击下载测试案例

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《微信小程序 城市服务快速填写组件》
文章链接:https://zhuji.vsping.com/311033.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。