要在Blazor中显示错误信息并同时触发OnValidSubmit事件，您可以使用以下方法：

首先，您需要在Blazor组件中定义一个错误消息属性和一个错误消息集合。例如：

private string errorMessage;
private List errorMessages = new List();

然后，在表单中添加一个错误消息显示区域。例如：

@if (!string.IsNullOrEmpty(errorMessage))
{
    

        @errorMessage
    
}

@if (errorMessages.Any())
{
    

        @foreach (var error in errorMessages)
        {
            

                @error
            
        }
    
}

现在，您可以在OnValidSubmit事件中进行验证，并在需要时设置错误消息。例如：

private void OnValidSubmit()
{
    // 进行验证
    if (someCondition)
    {
        errorMessage = "单个错误消息";
    }
    else
    {
        errorMessages.Add("多个错误消息1");
        errorMessages.Add("多个错误消息2");
    }

    // 根据验证结果决定是否触发OnValidSubmit事件
    if (string.IsNullOrEmpty(errorMessage) && !errorMessages.Any())
    {
        // 执行有效的提交操作

        // 触发OnValidSubmit事件
    }
}

最后，您需要在CSS文件中定义错误消息的样式。例如：

.error-message {
    color: red;
    margin-bottom: 5px;
}

.error-messages {
    color: red;
    margin-bottom: 5px;
}

这样，当验证失败时，错误消息将显示在页面上，并且只有在没有错误消息时才会触发OnValidSubmit事件。