Asp.Net MVC - Изменить имя класса ошибки
Когда я делаю проверку поля в Asp.Net MVC, он генерирует следующие классы ошибок css:
- ввод-проверка ошибки
- полевая проверка ошибки
Есть ли способ, которым я могу изменить имена классов ошибок, которые создаются?
Я использую xVal.
3 ответа
Я не знаю о xVal, но что касается ASP.NET MVC, если вы посмотрите на источник, вы увидите, что есть некоторые статические строки только для чтения, которые представляют эти значения.
public static readonly string ValidationInputCssClassName = "input-validation-error";
public static readonly string ValidationMessageCssClassName = "field-validation-error";
public static readonly string ValidationSummaryCssClassName = "validation-summary-errors";
Так что либо вы редактируете исходный код по своему вкусу (который также может исправить xVal), либо изменяете выходной код, чтобы как-то использовать другие значения.
Если xVal использует jQuery Validation (что, я думаю, так и есть...?), Вы можете изменить его значение по умолчанию для опции errorClass. Мой ответ здесь может помочь вам на этом пути.
HTHS,
Чарльз
Вот что я сделал:
private void ChangeValidationClassNames()
{
var helper = new HtmlHelper(new ViewContext(), new ViewPage());
SetPublicStaticReadonly("ValidationInputCssClassName", helper, "errInput");
SetPublicStaticReadonly("ValidationMessageCssClassName", helper, "errMsg");
}
public void SetPublicStaticReadonly(string readonlyPropName, object instance, object value)
{
var field = instance.GetType().GetField(readonlyPropName, BindingFlags.Static | BindingFlags.Public);
if (field == null)
throw new NullReferenceException(string.Format("public static readonly field '{0}' not found in '{1}'", readonlyPropName, instance));
field.SetValue(instance, value);
}
Более чистое решение может быть:
<script type="text/javascript">
$(document).ready(function(){
$('.input-validation-error').addClass('CustomErrorClass').removeClass('input-validation-error');
$('.field-validation-error').addClass('CustomErrorClass').removeClass('field-validation-error');
});
</script>