Валидатор MVC Kendo не отображает предупреждение об ошибке при использовании проверки сравнения
Я пытаюсь сравнить два поля пароля с помощью проверки кендо. Когда не удается, я хотел бы отобразить восклицательный знак в текстовом поле.
Это работает для проверки обязательных полей, хотя.
Это код CSS для отображения изображения оповещения в случае неудачной проверки:
span#CurrentPassword_validationMessage, span#NewPassword_validationMessage, span#ConfirmPassword_validationMessage {
display: inline-block;
width: 160px;
text-align: left;
border: 0;
padding: 0;
margin: -20px;
background: none;
box-shadow: none;
color: red;
}
Этот CSS заботится об отображении восклицательного знака, когда требуется проверка
Это мой сгенерированный код в.cshtml для нового пароля и полей подтверждения пароля:
<input class="form-control k-textbox checkError text-box single-line password valid k-valid validate-equalTo-blur" data-val="true" data-val-required=" " id="NewPassword" name="NewPassword" placeholder="Enter new password" value="" aria-required="true" aria-describedby="NewPassword-error" type="password">
<span class="k-widget k-tooltip k-tooltip-validation k-invalid-msg field-validation-valid" data-for="NewPassword" data-valmsg-for="NewPassword" id="NewPassword_validationMessage" role="alert" style="display: none;"><span class="k-icon k-i-warning"> </span> </span>
<input class="form-control k-textbox checkError text-box single-line password input-validation-error k-invalid" data-val="true" data-val-equalto=" " data-val-equalto-other="*.NewPassword" data-val-required=" " id="ConfirmPassword" name="ConfirmPassword" placeholder="Confirm new password" value="" aria-required="true" aria-describedby="ConfirmPassword-error" aria-invalid="true" type="password">
<span class="k-widget k-tooltip k-tooltip-validation k-invalid-msg field-validation-error" data-for="ConfirmPassword" data-valmsg-for="ConfirmPassword" id="ConfirmPassword_validationMessage" role="alert"><span class="k-icon k-i-warning"> </span> </span>
Это модель:
public class ChangePasswordModel
{
[Required(ErrorMessage = " ")]
[DataType(DataType.Password)]
public string CurrentPassword { get; set; }
[Required(ErrorMessage = " ")]
[DataType(DataType.Password)]
public string NewPassword { get; set; }
[Required(ErrorMessage = " ")]
[DataType(DataType.Password)]
[Compare("NewPassword", ErrorMessage = " ")]
public string ConfirmPassword { get; set; }
}
Что я могу сделать, чтобы при сбое проверки валидатора я отображал восклицательный знак?