Установите вручную ненавязчивую ошибку проверки в текстовом поле - PullRequest
Новая
       8

Установите вручную ненавязчивую ошибку проверки в текстовом поле

20 голосов
/ 11 сентября 2011

Я делаю что-то похожее на удаленную проверку, за исключением того, что я уже звоню вручную через jquery и настраиваю то, что мне нужно было настроить.

Теперь моя проблема в том, хочу ли я сказать валидаторучто конкретное текстовое поле недопустимо (и препятствует отправке страницы, выделите текстовое поле и т. д.).Как бы я сделал это из кода? 

@Html.LabelFor(m => Model.Slug)
@Html.TextBoxFor(m => Model.Slug)
<span id="UrlMsg" class="field-validation-error" style="display: none;"></span>

 if (error) {
        $('#UrlMsg').html('This name is already in use.').fadeIn('fast');
        //what should I do here for the rest of the validation?
 }

Ответы [ 4 ]

50 голосов
/ 03 ноября 2011

Сначала вы можете добавить сводку проверки: 

@Html.ValidationMessageFor(m => m.Slug)

Затем вы можете вручную запустить проверку / ненавязчивую проверку jQuery с помощью метода .showError.Вот образец: 

var errorArray = {};
errorArray["Slug"] = 'Some error message for the Slug text box';
$('#SomeFormId').validate().showErrors(errorArray);
3 голосов
/ 10 ноября 2016

Вы также можете сделать: 

@Html.ValidationMessageFor(m => m.Slug)

С помощью этой функции в вашем коде: 

function setError(id, message) {
        var span = $("span[data-valmsg-for=\"" + id + "\"]");
        if (span && span.length > 0) {
            $(span).html(message);
            if (message && message != "") {
                $(span).removeClass("field-validation-valid");
                $(span).addClass("field-validation-no-valid");
            } else {
                $(span).removeClass("field-validation-no-valid");
                $(span).addClass("field-validation-valid");
            }
        }
    }

Тогда можете установить ошибку 

setError("Slug", "errorMsg");
2 голосов
/ 19 июня 2018

Использование showErrors не позволило этой ошибке сохраниться, поэтому запуск .valid () очистил ее. Вместо этого я добавил правило «forcibleerror» и метод javascript для установки сообщения. 

function forceError(element, errorMessage) {
    $(element).rules("add", {
        forcibleerror: true,
        messages: {
            forcibleerror: function () { return errorMessage; }
        }
    });
    var isForced = false;
    if (errorMessage) {
        isForced = true;
    }
    $(element)[0].dataset.isForced = isForced;
    $(element).valid();
}
$.validator.addMethod("forcibleerror", function (value, element) {
    return $(element)[0].dataset.isForced !== "true";
});

Использование: 

forceError($('#Slug'), 'my custom message');

Чтобы вернуть его в правильное состояние: 

forceError($('#Slug'), '');
1 голос
/ 21 декабря 2018

Это улучшение ответа FRL: 

@Html.ValidationMessageFor(m => m.Slug)

Функция JS 

        const span = $('span[data-valmsg-for="' + name + '"]');
        function setError(name, message) {
            const span = $(`span[data-valmsg-for="${name}"]`);
            if (span && span.length > 0) {
                $(span).html(message);
                if (message) {
                    $(`input[name="${name}"]`).addClass("input-validation-error");
                    $(span).removeClass("field-validation-valid");
                    $(span).addClass("field-validation-error");
                } else {
                    $(`input[name="${name}"]`).removeClass("input-validation-error");
                    $(span).removeClass("field-validation-error");
                    $(span).addClass("field-validation-valid");
                }
            }
        }

Назовите его 

    setError("Slug", "errorMsg");
...