Blazor登录页面绑定值无法保存，点击登录后值为null求助

你的代码里存在一处HTML语法错误，直接导致输入框的@bind-Value绑定失效，点击登录时获取不到输入值：

错误点 #

第一个<InputText>标签的class属性未正确闭合引号：

<InputText @bind-Value="loginModel.Username" class="form-control id="Username" />

这里class="form-control后面缺少闭合的双引号，破坏了DOM结构，使得绑定无法正常工作。

修正后的代码 #

将该行修改为：

<InputText @bind-Value="loginModel.Username" class="form-control" id="Username" />

其他验证点（确保后续无类似问题） #

• 确认所有HTML标签的属性都正确闭合引号，无语法错误
• 检查LoginModel的属性均为可读写（你的Model代码已满足）
• 确认loginModel在OnInitialized中正确实例化（你的代码已实现）

修正后重新运行，点击登录时就能正常获取输入框的值了。

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