it-swarm.com.ru

проверка на стороне клиента в пользовательском атрибуте проверки - asp.net MVC 4

Я следил за некоторыми статьями и учебными пособиями через Интернет, чтобы создать собственный атрибут проверки, который также поддерживает проверку на стороне клиента на веб-сайте asp.net mvc 4. Это то, что у меня есть до сих пор:

RequiredIfAttribute.cs

[AttributeUsage(AttributeTargets.Property, AllowMultiple = true)] //Added
public class RequiredIfAttribute : ValidationAttribute, IClientValidatable
{
    private readonly string condition;
    private string propertyName; //Added

    public RequiredIfAttribute(string condition)
    {
        this.condition = condition;
        this.propertyName = propertyName; //Added
    }

    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        PropertyInfo propertyInfo = validationContext.ObjectType.GetProperty(this.propertyName); //Added
        Delegate conditionFunction = CreateExpression(validationContext.ObjectType, _condition);
        bool conditionMet = (bool)conditionFunction.DynamicInvoke(validationContext.ObjectInstance);

        if (conditionMet)
        {
            if (value == null)
            {
                return new ValidationResult(FormatErrorMessage(null));
            }
        }

        return ValidationResult.Success;
    }

    private Delegate CreateExpression(Type objectType, string expression)
    {
        LambdaExpression lambdaExpression = System.Linq.Dynamic.DynamicExpression.ParseLambda(objectType, typeof(bool), expression); //Added
        Delegate function = lambdaExpression.Compile();
        return function;
    }

    public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
    {
        var modelClientValidationRule = new ModelClientValidationRule
        {
            ValidationType = "requiredif",
            ErrorMessage = ErrorMessage //Added
        };

        modelClientValidationRule.ValidationParameters.Add("param", this.propertyName); //Added
        return new List<ModelClientValidationRule> { modelClientValidationRule };
    }
}

Затем я применил этот атрибут в свойстве класса, подобного этому

[RequiredIf("InAppPurchase == true", "InAppPurchase", ErrorMessage = "Please enter an in app purchase promotional price")] //Added "InAppPurchase"
public string InAppPurchasePromotionalPrice { get; set; }

public bool InAppPurchase { get; set; }

Так что я хочу сделать, это отобразить сообщение об ошибке, что поле InAppPurchasePromotionalPrice является обязательным, когда поле InAppPurchase имеет значение true (это означает, что проверено в форме). Ниже приведен соответствующий код формы представления:

<div class="control-group">
                <label class="control-label" for="InAppPurchase">Does your app include In App Purchase?</label>
                <div class="controls">
                    @Html.CheckBoxFor(o => o.InAppPurchase)
                    @Html.LabelFor(o => o.InAppPurchase, "Yes")
                </div>
            </div>
            <div class="control-group" id="InAppPurchasePromotionalPriceDiv" @(Model.InAppPurchase == true ? Html.Raw("style='display: block;'") : Html.Raw("style='display: none;'"))>
                <label class="control-label" for="InAppPurchasePromotionalPrice">App Friday Promotional Price for In App Purchase: </label>
                <div class="controls">
                    @Html.TextBoxFor(o => o.InAppPurchasePromotionalPrice, new { title = "This should be at the lowest price tier of free or $.99, just for your App Friday date." })
                    <span class="help-inline">
                        @Html.ValidationMessageFor(o => o.InAppPurchasePromotionalPrice)
                    </span>
                </div>
            </div>

Этот код работает отлично, но когда я отправляю форму, на сервер запрашивается полное сообщение для отображения сообщения. Поэтому я создал код JavaScript для включения проверки на стороне клиента:

requiredif.js

(function ($) {
    $.validator.addMethod('requiredif', function (value, element, params) {
        /*var inAppPurchase = $('#InAppPurchase').is(':checked');

        if (inAppPurchase) {
            return true;
        }

        return false;*/

        var isChecked = $(param).is(':checked');

        if (isChecked) {
            return false;
        }

        return true;
    }, '');

    $.validator.unobtrusive.adapters.add('requiredif', ['param'], function (options) {
        options.rules["requiredif"] = '#' + options.params.param;
        options.messages['requiredif'] = options.message;
    });
})(jQuery);

Это предложенный способ в MSDN и учебники, которые я нашел

Конечно, я также вставил необходимые скрипты в форму:

  1. jquery.unobtrusive-ajax.min.js
  2. jquery.validate.min.js
  3. jquery.validate.unobtrusive.min.js
  4. requiredif.js

НО ... проверка на стороне клиента все еще не работает. Не могли бы вы помочь мне найти то, что мне не хватает? Заранее спасибо.

26
Giorgos Manoltzas

Взгляните на это: http://thewayofcode.wordpress.com/tag/custom-unobtrusive-validation/

Используя этот учебник, я запустил свой собственный код проверки без проблем. Единственное отличие, которое я могу заметить в вашем коде, это то, как вы создали функцию $.validator.unobtrusive.adapters.add. Параметры немного отличаются, но, возможно, проблема в том, что вы не определили часть rule вашего адаптера.

Попробуйте использовать что-то вроде этого:

$.validator.unobtrusive.adapters.add("requiredif", ["requiredif"], function (options) {
    options.rules["requiredif"] = "#" + options.params.requiredif;
    options.messages["requiredif"] = options.message;
});

или это

$.validator.unobtrusive.adapters.add("requiredif", function (options) {
    options.rules["requiredif"] = "#" + options.element.name.replace('.', '_'); // mvc html helpers
    options.messages["requiredif"] = options.message;
});

О rule (взято по ссылке):

Массив правил jQuery для этого HTML-элемента. Ожидается адаптер добавить элемент (ы) в этот массив правил для конкретного jQuery Validate валидаторы, которые он хочет прикрепить. Имя - это имя jQuery Подтвердите правило, и значение - это значения параметров для jQuery Утвердить правило.

34
Felipe Miosso

Стоит отметить, что атрибут [RequiredIf] необходимо добавить во второе поле формы в модели представления, чтобы проверка клиента работала.

0
Matthew Dresser