Définir manuellement une erreur de validation discrète sur une zone de texte

Je suis en train de faire quelque chose de similaire à la validation à distance, sauf que j'ai déjà mes appels manuellement via jquery et d'installation de tout ce que j'avais à l'installation.

Maintenant mon problème est que si je veux dire le validateur qu'une zone de texte n'est pas valide (et empêche la page de soumission, de mettre en évidence la zone de texte, etc). Comment pourrais-je le faire à partir du code?

@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?
 }

source d'informationauteur Shawn Mclean

  1. 48

    Tout d'abord, vous pouvez ajouter un résumé de validation:

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

    Ensuite, vous pouvez déclencher manuellement jQuery validation /discrète validation avec le .showError méthode. Voici un exemple:

    var errorArray = {};
errorArray["Slug"] = 'Some error message for the Slug text box';
$('#SomeFormId').validate().showErrors(errorArray);
  2. 1

    Vous pouvez également le faire:

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

    Avec cette fonction dans votre code:

    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");
            }
        }
    }

    Peut alors définir l'erreur

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

    À l'aide de showErrors ne permettent pas la persistance de l'erreur, de sorte que l'exécution .valide() effacé l'erreur. Au lieu de cela, j'ai ajouté un "forcibleerror" règle et une méthode javascript pour définir le message.

    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";
});

    Utilisation:

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

    De le remettre dans un état valide:

    forceError($('#Slug'), '');