在浏览器 MVC 上动态更改验证

Question

我正在实施一个捐赠表格，我有一个带有“金额”字段的Donation 模型：

[Required]
[DataMember(IsRequired = true)]
[Range(36, 10000)]
public decimal Amount { get; set; }

我还在视图中设置了它的验证：

<div class="editor-label">
    @Html.LabelFor(model => model.Payment.Amount)
</div>
<div class="editor-field">
    @Html.EditorFor(model => model.Payment.Amount)
    @Html.ValidationMessageFor(model => model.Payment.Amount)
</div>

问题是当用户在网页中选择不同的“货币”时，某些货币的最低金额应该更改。

我尝试做的是更改Input 属性：

$("#Donation_Currency").change(function () {
    var curr = this.value;
    switch (curr) {
        case "USD":
            document.getElementById("Donation_Amount").setAttribute("data-val-range", "The field Amount must be between 36 and 10000.");
            document.getElementById("Donation_Amount").setAttribute("data-val-range-min", "36");
            break;
        case "ILS":
            document.getElementById("Donation_Amount").setAttribute("data-val-range", "The field Amount must be between 100 and 10000.");
            document.getElementById("Donation_Amount").setAttribute("data-val-range-min", "100");
            break;
        default:
    }
});

但即使我看到输入属性发生了变化，我仍然看到旧消息出现。

我肯定做错了，但问题是：

如何根据另一个字段中设置的值更改字段的验证？

Answer 1

引用OP：

“但即使我看到输入属性发生了变化，我仍然看到旧消息出现。”

这是因为一旦插件被初始化，你不能简单地通过改变 HTML 属性来改变 jQuery Validate 选项（正如你所了解的）。插件初始化在页面加载时发生一次，以后不会再发生。

初始化后，必须使用插件提供的方法对规则进行动态更改。 See the .rules('add') method 动态添加规则……它也会覆盖之前定义的规则。

试试类似的东西……

$("#Donation_Currency").change(function () {
    var curr = this.value;
    switch (curr) {
        case "USD":
            $("#Donation_Amount").rules('add', {
                range: [36,10000],
                messages: {
                    range: "The field Amount must be between 36 and 10000."
                }
            });
            break;
        case "ILS":
            $("#Donation_Amount").rules('add', {
                range: [100,10000],
                messages: {
                    range: "The field Amount must be between 100 and 10000."
                }
            });
            break;
        default:
    }
});