首次加载时显示的 Azure AD B2C 自定义 UI 错误标签

Question

我有一个 Azure AD B2C 租户。

我创建了一个(默认)SignUpAndSignInPolicy，并为登录页面、注册页面和重置密码页面添加了自定义 UI 模板。

一切运行良好，除了在注册页面和重置密码页面上，表单输入字段在初始加载时始终标记为“无效”。尽管表单字段中还没有用户输入，但这会导致错误提示可见。

我想获得与微软示例页面相同的体验:https://woodgrovegroceriesb2c.azurewebsites.net/

无论我尝试什么，错误标签都会在首页加载时显示在我的设计上:

我该如何解决这个问题？我错过了什么？

Answer 1

Woodgrove Groceries 自定义页面 UI 显示和隐藏字段错误，如下所示:

.attrEntry .error.itemLevel,
.attrEntry .helpText,
.attrEntry .tiny {
  display: none!important;
}

.attrEntry .error.itemLevel.show {
  display: block!important;
}