c# - 提交用户 ID 和密码时如何禁用 MS Indentity Login.cshtml 页面中的登录按钮

Question

我创建了一个带有身份验证的 Blazor 服务器端网站。我已经搭建了 Login.cshtml 页面。

我想在登录过程中禁用登录按钮。我无法弄清楚如何在单击登录按钮后禁用它，并且只有当用户 ID 和密码字段已通过验证过程:-(

任何人都可以帮助我吗？

标签： c#blazoridentityserver-side

Answer 1

<EditForm Model="ViewModel" OnSubmit="@HandleLogin">

<div>
     <button @onclick="HandleSaveFiles" type="submit" class="btn btn-submit" disabled="@(!LoginCompleted)">Login</button>
</div>

 </EditForm>

@code {

    public bool LoginCompleted { get; set; } = true;
    
    protected async Task HanleLogin()
    {
       
        LoginCompleted = false;

      //your login process....
    }
}