Question

我有一个包含许多字段的标准地址表单。 e.g。

地址第1行
地址第2行
国家
国家
邮政编码

问题在于＆＃34;状态＆＃34;当＆＃34; country＆＃34;时，字段应该是仅的必填字段设置为美国。如果国家/地区设置为其他任何内容，则不是必需的。我可以在控制器中处理它，但我想在客户端不显眼地做到这一点。有什么建议吗？

Answer 1

刚刚为您的要求写了一个快速演示。

// model
public class Address
{
    public int Id { get; set; }
    public string AddressLine1 { get; set; }
    public string AddressLine2 { get; set; }

    [Required]
    public string Country { get; set; }

    [RequiredIfCountryIsUSA]
    public string State { get; set; }
    public string PostCode { get; set; }
}


// Validation Attribute
public class RequiredIfCountryIsUSA : ValidationAttribute, IClientValidatable
{
    public RequiredIfCountryIsUSA()
    {

    }

    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        var countryPropertyInfo = validationContext.ObjectInstance.GetType().GetProperty("Country");
        var countryValue = countryPropertyInfo.GetValue(validationContext.ObjectInstance, null).ToString();
        if (countryValue == "USA" && (value == null || string.IsNullOrEmpty(value.ToString().Trim())))
        {
            return new ValidationResult("State is required when Country is USA");
        }

        return ValidationResult.Success;
    }

    public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
    {
        var rule = new ModelClientValidationRule();
        rule.ErrorMessage = "State is required when country is USA";
        rule.ValidationParameters.Add("country", "USA");
        rule.ValidationType = "iscountryusa";

        yield return rule;
    }
}

客户端javascript

(function ($) {
$.validator.addMethod("iscountryusa", function (state, element, country) {
    var country = $('#Country').val();

    if (country == 'USA' && state == '') {
        return false;
    }

    return true;
});

$.validator.unobtrusive.adapters.addSingleVal("iscountryusa", "country");
} (jQuery));

Answer 2

查看MVC Foolproof。 http://foolproof.codeplex.com/。您可以将包装到您的解决方案中。

它具有可能对您有帮助的属性;

[RequiredIf]
[RequiredIfNot]
[RequiredIfTrue]
[RequiredIfFalse]
[RequiredIfEmpty]
[RequiredIfNotEmpty]
[RequiredIfRegExMatch]
[RequiredIfNotRegExMatch]

Answer 3

您需要创建一个自定义验证属性，派生自ValidationAttribute。将依赖属性的名称（在本例中为Country）作为构造函数的参数，并覆盖IsValid方法，在该方法中将指定将使用此依赖属性的验证逻辑。

现在，如果您还想在客户端不显眼地启用此验证，则需要在自定义验证属性中实现IClientValidatable接口，然后您需要在JavaScript中编写相同的验证逻辑方法。此外，您需要将此方法添加到jQuery不显眼的验证适配器列表中。

您可以阅读更多here，here和here。

Answer 4

我使用js文件简化了操作。我创建了一个名为“ CountryValidate.js”的Js文件，并写成这样

var list = ["India", "Australia", "Pakisthan"];
 $(document).ready(function(){
        debugger
        $("#Country").keyup(function () {
            debugger
            for (var i = 0; i < list.length; i++) {
                if ($("#Country").val() !== list[i]) {
                    $("#error").show();
                }
                else {
                    $("#error").hide();
                    break;
                }
            }

        });
    });

，并在视图中添加了一些语句（Student.cshtml）我为“国家/地区名称”文本框添加了此属性

<span class="validation has-error text-danger" id="error" hidden>Invalid Country Name</span>

所做的更改使文本框显示了验证消息。

MVC不显眼的验证 - 取决于先前选择的自定义验证器

4 个答案: