Javascript 如何使字段验证在自定义策略自定义ui上正确工作?

Javascript 如何使字段验证在自定义策略自定义ui上正确工作?,javascript,azure,azure-ad-b2c,Javascript,Azure,Azure Ad B2c,在Azure AD B2C中使用自定义策略,尝试更新用户界面添加自定义用户界面(我从头创建)并在HTML中添加id=api标记,用户界面反映正确,但输入在第一次加载时默认显示错误消息,如何使字段验证作为默认用户界面工作 <ContentDefinitions> <ContentDefinition Id="api.signuporsignin"> <LoadUri>https://XXXXX.blob.core.windows.n

在Azure AD B2C中使用自定义策略,尝试更新用户界面添加自定义用户界面(我从头创建)并在HTML中添加id=api标记,用户界面反映正确,但输入在第一次加载时默认显示错误消息,如何使字段验证作为默认用户界面工作

 <ContentDefinitions>
      <ContentDefinition Id="api.signuporsignin">
        <LoadUri>https://XXXXX.blob.core.windows.net/templates/custom-ui.html</LoadUri>
        <RecoveryUri>~/common/default_page_error.html</RecoveryUri>
        <DataUri>urn:com:microsoft:aad:b2c:elements:unifiedssp:1.0.0</DataUri>
        <Metadata>
          <Item Key="DisplayName"></Item>
        </Metadata>
      </ContentDefinition>
 </ContentDefinitions>

https://XXXXX.blob.core.windows.net/templates/custom-ui.html
~/common/default\u page\u error.html
urn:com:microsoft:aad:b2c:elements:unifiedssp:1.0.0

您可以实现CSS来显示和隐藏验证错误块

这就是它通常的实现方式:

.attrEntry .error.itemLevel, .attrEntry .helpText,.attrEntry .tiny {
  display: none!important;    }
您可以在下面的github repo中查看,以供进一步参考:


希望有帮助。

从包含所有CSS的默认页面开始,以使我们的页面看起来正确。是否通过覆盖策略内的消息进行修复