在Azure B2C注册页面中,有没有办法隐藏所有密码和“显示名称”字段,直到验证码成功输入并验证为止?
我们已阅读此页面,了解可以进行的自定义操作: https://docs.microsoft.com/en-us/azure/active-directory-b2c/active-directory-b2c-reference-ui-customization 并且它声明不允许使用JavaScript。
所以想知道是否有另一种方法可以完成这项任务?
谢谢!
答案 0 :(得分:1)
此时,验证码体验完成后,无法仅显示密码和用户属性字段。
您可以在Azure AD B2C feedback forum中申请此特定功能,也可以投票选择更通用的"Add support for JavaScript inside the custom UI branding page" feedback entry。
答案 1 :(得分:0)
您可以将自己的JavaScript客户端代码添加到Azure Active Directory(Azure AD)B2C应用程序。下面的文章介绍了如何更改用户流或自定义策略以启用脚本执行。
https://docs.microsoft.com/en-us/azure/active-directory-b2c/javascript-samples#javascript-samples
示例JavaScript代码以显示/隐藏密码输入项
function makePwdToggler(pwd){
// Create show-password checkbox
var checkbox = document.createElement('input');
checkbox.setAttribute('type', 'checkbox');
var id = pwd.id + 'toggler';
checkbox.setAttribute('id', id);
var label = document.createElement('label');
label.setAttribute('for', id);
label.appendChild(document.createTextNode('show password'));
var div = document.createElement('div');
div.appendChild(checkbox);
div.appendChild(label);
// Add show-password checkbox under password input
pwd.insertAdjacentElement('afterend', div);
// Add toggle password callback
function toggle(){
if(pwd.type === 'password'){
pwd.type = 'text';
} else {
pwd.type = 'password';
}
}
checkbox.onclick = toggle;
// For non-mouse usage
checkbox.onkeydown = toggle;
}
function setupPwdTogglers(){
var pwdInputs = document.querySelectorAll('input[type=password]');
for (var i = 0; i < pwdInputs.length; i++) {
makePwdToggler(pwdInputs[i]);
}
}
setupPwdTogglers();
希望有帮助。