如何配置Auth0注册表单，要求用户重复输入密码确认？

由于Auth0 Lock组件默认配置中没有重复密码的选项，你可以通过以下两种方式实现该功能：

一、自定义Universal Login注册页面（前端验证） #

1. 登录Auth0管理后台，进入Branding > Universal Login > Login，切换到Customize Login Page标签
2. 在代码编辑器中，找到Lock初始化的代码段，添加自定义的确认密码字段：

   var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
     // 保留原有配置（如logo、语言等）
     additionalSignUpFields: [
       {
         name: "confirm_password",
         placeholder: "确认密码",
         type: "password",
         required: true,
         validator: function(value, callback) {
           // 获取密码输入框的值
           const passwordInput = document.querySelector('input[name="password"]');
           if (!passwordInput || value !== passwordInput.value) {
             callback(new Error("两次输入的密码不匹配"));
           } else {
             callback(null, true);
           }
         }
       }
     ]
   });
   

3. 保存修改后，测试注册流程：当两次密码输入不一致时，会弹出错误提示，阻止用户提交

二、添加Auth0规则做后端验证（增强安全性） #

为了防止用户绕过前端验证，建议配合后端规则二次校验：

1. 进入Auth0管理后台的Rules页面，点击Create Rule选择Empty Rule模板
2. 输入规则名称（如Validate Confirm Password），添加以下逻辑：

   function (user, context, callback) {
     // 仅针对首次注册的用户触发
     if (context.stats.loginsCount === 0) {
       const password = context.request.body.password;
       const confirmPassword = context.request.body.confirm_password;
       
       if (!confirmPassword || password !== confirmPassword) {
         return callback(new UnauthorizedError('两次输入的密码不一致'));
       }
     }
     callback(null, user, context);
   }
   

3. 保存规则后，后端会自动拦截密码不匹配的注册请求

内容的提问来源于stack exchange，提问作者kmoser