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

问题描述

我有一个Azure AD B2C租户.

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

除注册页面和重置密码页面上的表单输入字段在初始加载时始终标记为无效"之外，其他所有程序都运行良好.尽管没有用户输入到表单字段中，这仍使错误提示可见.

我希望拥有与Microsoft示例页相同的体验:

我该如何解决?我想念什么?

解决方案

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屋！