Javascript 如何使字段验证在自定义策略自定义ui上正确工作?
在Azure AD B2C中使用自定义策略,尝试更新用户界面添加自定义用户界面(我从头创建)并在HTML中添加id=api标记,用户界面反映正确,但输入在第一次加载时默认显示错误消息,如何使字段验证作为默认用户界面工作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
<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的默认页面开始,以使我们的页面看起来正确。是否通过覆盖策略内的消息进行修复