我在剃刀组件中有一个简单的表单,其中有一个名为“名称”的输入字段。如果其为空,则会正确显示错误消息,并使用数据注释完成验证。但我也有一个自定义验证,但此消息仅显示在 中ValidationSummary,而不是ValidationMessage.
我的代码如下所示:
<EditForm EditContext="@_editContext">
<DataAnnotationsValidator />
<ValidationSummary />
<div class="form-group">
<label class="control-label">Name:</label>
<InputText id="countryCode" @bind-Value="_model.Name" class="form-control" />
<ValidationMessage For="@(() => _model.Name)" />
</div>
<button type="submit">Submit</button>
</EditForm>
@code {
class MyModel
{
[System.ComponentModel.DataAnnotations.Required]
public string Name { get; set; }
}
private EditContext _editContext;
private MyModel _model = new MyModel();
protected override void OnInitialized()
{
_editContext = new EditContext(_model);
var messages = new ValidationMessageStore(_editContext);
_editContext.OnFieldChanged +=
(sender, eventArgs) => ValidateFields((EditContext)sender, messages, eventArgs.FieldIdentifier);
}
private void ValidateFields(EditContext editContext, ValidationMessageStore messages, FieldIdentifier field)
{
messages.Clear();
if (field.FieldName == nameof(_model.Name))
{
if(!string.IsNullOrEmpty(_model.Name) && !char.IsUpper(_model.Name[0]))
{
messages.Add(editContext.Field(_model.Name), "Name should start with a capital.");
editContext.NotifyValidationStateChanged();
}
}
}
}
Run Code Online (Sandbox Code Playgroud)
如果我将该字段留空,我会得到以下信息:
如果我输入错误的名称,我只会得到以下信息:
只需替换:
messages.Add(editContext.Field(_model.Name), "Name should start with a capital.");
Run Code Online (Sandbox Code Playgroud)
和
messages.Add(() => _model.Name, "Name should start with a capital.");
Run Code Online (Sandbox Code Playgroud)
那么它应该可以正常工作。
| 归档时间: |
|
| 查看次数: |
1169 次 |
| 最近记录: |