Plusieurs champs de validation à l'aide de Validation à Distance

J'ai le modèle suivant:

public class Customer
{
    public string FirstName {get;set;}

    public string LastName {get; set;}

    [Remote("CardExisting", "Validation", AdditionalFields="FirstName,LastName")
    public string CardNumber {get; set;}
}

CardExisting action va vérifier qu'il existe un enregistrement existant pour la combinaison de cardNumber pour firstName et LastName.

Que si l'utilisateur va d'abord entrer le numéro de la carte, et puis son nom, je ne peux pas valider de lui, alors quand il la retourne et la saisie de son nom j'ai besoin de distance de valider à nouveau, comment puis-je faire lors de la discussion était déjà perdue à partir de cardnumber de la propriété?

InformationsquelleAutor Guy Z | 2012-04-15
  1. 22

    Expansion sur Jaluka réponse, j'ai écrit cette méthode d'assistance que recherche chaque à distance de la validation de l'élément qui a "champs supplémentaires", et puis les causes de validation sur ledit élément de feu à chaque fois que l'un de ces champs.

    //I hate naming things
function initializeRemotelyValidatingElementsWithAdditionalFields($form) {
    var remotelyValidatingElements = $form.find("[data-val-remote]");

    $.each(remotelyValidatingElements, function (i, element) {
        var $element = $(element);

        var additionalFields = $element.attr("data-val-remote-additionalfields");

        if (additionalFields.length == 0) return;

        var rawFieldNames = additionalFields.split(",");

        var fieldNames = $.map(rawFieldNames, function (fieldName) { return fieldName.replace("*.", ""); });

        $.each(fieldNames, function (i, fieldName) {
            $form.find("#" + fieldName).change(function () {
                //force re-validation to occur
                $element.removeData("previousValue");
                $element.valid();
            });
        });
    });
}

    Appeler la fonction comme ceci:

    $(document).ready(function() {
    initializeRemotelyValidatingElementsWithAdditionalFields($("#myFormId"));
});
    • W00t!!! Il y a deux jours vous avez répondu présent et j'en avais besoin tout à l'heure... votre code fonctionne très bien! 🙂 Dans mon cas j'ai 2 listes déroulantes, qui doivent travailler ensemble, qui est, on est sur le terrain de l'autre. Belle solution pour quelque chose qui devrait être par défaut à mon humble avis. 🙂
    • hehehe je n'aime pas nommant les choses... mais étant donné la nature de notre profession, il est nécessaire de par la nature plusieurs fois par jour! 😀
    • Merci, cette solution est aussi bien fonctionner pour MVC4.
    • Très utile code.
    • En effet, ne peut pas croire que ce n'est pas le comportement par défaut. Boiteux. Merci @Kiff et Jaluka
    • Brillante réponse!!!

    InformationsquelleAutor Chris Staley
  2. 5

    La façon dont j'ai obtenu ce travail est d'ajouter un peu de JavaScript.

    $("#FirstName").change(function () {
        $('#CardNumber').removeData('previousValue');
        $('#CardNumber').valid();
  });

    Donc pour la première fois le nom est changé, vous effacer toutes les valeurs précédentes du numéro de carte et re-valider le numéro de la carte.

    InformationsquelleAutor Jaluka
  3. 4

    si vous n'aimez pas à créer des scripts client:

        public class Customer
    {
        [Remote("CardExisting", "Validation", AdditionalFields = "CardNumber,LastName")]
        public string FirstName { get; set; }
        [Remote("CardExisting", "Validation", AdditionalFields = "FirstName,CardNumber")]
        public string LastName { get; set; }
        [Remote("CardExisting", "Validation", AdditionalFields = "FirstName,LastName")]
        public string CardNumber { get; set; }
    }

    Et de valider dans CardExisting tous les champs sont remplis ou non

    InformationsquelleAutor Oleg Sh
  4. 0

    La suite de Chris l'aide de la méthode ci-dessus. Cela fonctionne très bien dans la plupart des cas, mais si votre modèle dispose d'un préfixe à tous les par exemple " la Coutume.Adresse.Ligne1' . Les autres champs ne sont pas détectés correctement. J'ai mis à jour avec l'aide de la logique supplémentaire à partir du jquery.valider.léger lib qui va rechercher les champs correctement.

    function getModelPrefix(fieldName) {
    return fieldName.substr(0, fieldName.lastIndexOf(".") + 1);
}

function appendModelPrefix(value, prefix) {
    if (value.indexOf("*.") === 0) {
        value = value.replace("*.", prefix);
    }
    return value;
}

function escapeAttributeValue(value) {
    //As mentioned on http://api.jquery.com/category/selectors/
    return value.replace(/([!"#$%&'()*+,./:;<=>?@\[\\\]^`{|}~])/g, "\\\");
}

function initializeRemotelyValidatingElementsWithAdditionalFields($form) {
    const remotelyValidatingElements = $form.find("[data-val-remote]");

    $.each(remotelyValidatingElements, function (i, element) {
        var $element = $(element);

        const additionalFields = $element.attr("data-val-remote-additionalfields");

        if (additionalFields.length === 0) return;

        const rawFieldNames = additionalFields.split(",");
        const prefix = getModelPrefix(element.name);

        const fieldNames = $.map(rawFieldNames, function(fieldName) {
            return appendModelPrefix(fieldName, prefix);
        });

        $.each(fieldNames, function (i, fieldName) {
            $form.find(":input").filter("[name='" + escapeAttributeValue(fieldName) + "']").change(function () {
                //force re-validation to occur
                $element.removeData("previousValue");
                $element.valid();
            });
        });
    });
}
    InformationsquelleAutor johnw86