Блог

У меня есть некоторый опыт разработки с Razor, и я решил попробовать Blazor.

Я столкнулся с уже знакомой проблемой — интеграция проверки с начальной загрузкой: классы результатов проверки Blazor не соответствуют классам начальной загрузки.

В Razor я могу переопределить сгенерированные имена классов, добавив следующий код в файл _ValidationScriptsPartial.cshtml:

 const settings = {
    valid: 'is-valid',
    invalid: 'is-invalid'
    /* other classes go here */
}
$.validator.setDefaults(settings)
$.validator.unobtrusive.options = settings
 

Я пытался найти решения, но все, что я нашел, это просто копирование стилей начальной загрузки и замена имен классов (что-то вроде этого).

Есть ли какой-нибудь лучший способ сделать это, или мне придется дублировать все стили проверки начальной загрузки, чтобы интегрировать их с Blazor. Я хотел бы избежать этого, потому что при обновлении начальной загрузки мне придется повторить ту же процедуру снова.

Эта проблема кажется еще более странной, если вспомнить, что шаблон приложения Blazor по умолчанию предварительно настроен для работы с Bootstrap.

Только что наткнулся на этот раздел в документации. И это сработало для is-valid is-invalid классов and.

И я также нашел ту замечательную статью о том, как реализовать пользовательский ValidationMessage интерфейс в 25-30 строках кода.