输入密码 Blazor 表单答案

【问题标题】：Input password Blazor forms输入密码 Blazor 表单
【发布时间】：2020-02-20 20:41:36
【问题描述】：

我正在 Blazor 中添加一个表单，并按照此处指定的说明进行操作

https://docs.microsoft.com/en-us/aspnet/core/blazor/forms-validation?view=aspnetcore-3.0

是否可以为密码添加带有掩码的输入。

我尝试添加类似

public class LoginModel
    {
        [Required]
        public string Username { get; set; }

        [Required]
        [DataType(DataType.Password)]
        public string Password { get; set; }
    }

但这没有用。插入输入时有没有办法隐藏密码？

【问题讨论】：

那么使用 EditForm 组件而不是旧的 html 有什么好处

标签： .net blazor

【解决方案1】：

您可以将InputText 组件与type=password 一起使用：

<EditForm Model="@model">
    <DataAnnotationsValidator />
    <ValidationSummary />
    <InputText type="password" placeholder="Password" @bind-Value="@model.Password" />
</EditForm>

@code {
    class Login
    {
        [Required]
        public string Password { get; set; }
    }

    private Login model = new Login();
}

InputText 支持所有<input /> 属性

【讨论】：

我们是否可以验证用户输入密码并确认密码是否为相同文本？我可以在提交后使用自定义代码来做到这一点，但我希望 EditForm 做到这一点并让 blazor 处理红色边框和其他东西
使用 System.ComponentModel.DataAnnotations 中的比较属性 [必需] public string Password { get;放; } [必填] [Compare("Password", ErrorMessage = "密码和确认密码不匹配。")] public string ConfirmPassword { get;放; }