Метки ошибок пользовательского интерфейса Azure AD B2C, отображаемые при первой загрузке

У меня есть клиент Azure AD B2C.

Я создал (по умолчанию) SignUpAndSignInPolicy и добавил настраиваемый шаблон пользовательского интерфейса для страницы входа, страницы регистрации и страницы сброса пароля.

Все работает хорошо, за исключением того, что на странице регистрации и на странице сброса пароля поля ввода формы всегда помечаются как «недействительные» при начальной загрузке. Это приводит к тому, что подсказка об ошибке становится видимой, хотя пользователь еще не вводил данные в поле формы.

Я хочу получить тот же опыт, что и на странице примера microsoft: https://woodgrovegroceriesb2c.azurewebsites.net/

Что бы я ни пытался, метки ошибок отображаются на моем дизайне при загрузке первой страницы:

Метки ошибок пользовательского интерфейса Azure AD B2C, отображаемые при первой загрузке

Как я могу это решить? Что мне не хватает?

Javascript каким-то образом отключен для страницы?

ranieuwe 12.09.2018 15:26

Не в моем локальном браузере, поскольку страница входа ведет себя так, как ожидалось ... метки ошибок отображаются только в том случае, если были введены недопустимые данные.

jackomo 12.09.2018 15:46
Как установить LAMP Stack - Security 5/5 на виртуальную машину Azure Linux VM
Как установить LAMP Stack - Security 5/5 на виртуальную машину Azure Linux VM
В предыдущей статье мы завершили установку базы данных, для тех, кто не знает.
Как установить LAMP Stack 1/2 на Azure Linux VM
Как установить LAMP Stack 1/2 на Azure Linux VM
В дополнение к нашему предыдущему сообщению о намерении Azure прекратить поддержку Azure Database для MySQL в качестве единого сервера после 16...
1
2
706
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Пользовательские интерфейсы пользовательской страницы Woodgrove Groceries показывают и скрывают ошибки полей следующим образом:

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

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

спасибо большое, это помогло. Этот CSS должен быть включен Microsoft ...

jackomo 13.09.2018 17:28

Другие вопросы по теме