Валидатор 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; }
}

Что я могу сделать, чтобы при сбое проверки валидатора я отображал восклицательный знак?

0 ответов

Другие вопросы по тегам