首次加载时显示的 Azure AD B2C 自定义 UI 错误标签 [英] Azure AD B2C Custom UI error labels shown on first load

问题描述

我有一个 Azure AD B2C 租户.

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

一切正常，除了在注册页面和重置密码页面上，表单输入字段在初始加载时始终标记为无效".这会导致错误提示可见，尽管还没有用户输入到表单字段中.

我想拥有与微软示例页面相同的体验:

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

解决方案

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

.attrEntry .error.itemLevel,.attrEntry .helpText，.attrEntry .tiny {显示:无！重要；}.attrEntry .error.itemLevel.show {显示:块！重要；}

I have an Azure AD B2C tenant.

I have created a (default) SignUpAndSignInPolicy and added a custom UI template for the sign-in page, the sign-up page and the reset-password page.

All is working well except, on the sign-up page as well as on the reset-password page, the form input fields are always marked "invalid" on the initial load. This causes the error hint to be visible, although there was no user input yet into the form field.

I want to have the same experience as on the sample page of microsoft: https://woodgrovegroceriesb2c.azurewebsites.net/

What ever I try, the error labels are shown on my design upon first page load:

How can I solve this? What am I missing?

解决方案

The Woodgrove Groceries custom page UIs show and hide the field errors as follows:

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

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

这篇关于首次加载时显示的 Azure AD B2C 自定义 UI 错误标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！