如何获取日期字符串模型属性的客户端验证

本文关键字：客户端 验证 属性 模型 何获 取日期 字符串 | 更新日期: 2023-09-27 18:36:03

在我的模型中，我有一个包含日期属性的对象。（使用字符串是因为这是前一个程序员写的）：

[Display(Name = "Payment Date")]
[Date(ErrorMessage = "Please enter a valid date")]
public string PaymentDate { get; set; }

以下是PaymentDate使用的自定义日期属性：

public sealed class DateAttribute : ValidationAttribute, IClientValidatable 
{
    public override bool IsValid(object value)
    {
        var dateString = value as string;
        if (string.IsNullOrWhiteSpace(dateString))
        {
            return false;
        }
        DateTime result;
        var success = DateTime.TryParse(dateString, out result);
        return success;
    }
    public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
    {
        return new ModelClientValidationRule[] { new ModelClientValidationRule 
        { 
            ValidationType = "paymentdate", 
            ErrorMessage = this.ErrorMessage } 
        };
    }
}

这在服务器端效果很好，但在客户端则不然。在视图中，我尝试创建一个自定义函数来进行验证，但它似乎无法正常工作。前面的点导致语法错误test 

    // custom jquery validation method    
    jQuery.validator.addMethod('validDate', function (value, element, params) {
        return Invalid|NaN/.test(new Date(value)); 
    }, '');
    // unobtrusive adapter
    jQuery.validator.unobtrusive.adapters.add('paymentdate', {}, function (options) {
        options.rules['validDate'] = true;
        options.messages['validDate'] = options.message;
    });

如何使用我已经工作的服务器端验证进行客户端验证？

注意：我使用的是自定义属性，因为稍后会添加一些自定义验证。

如何获取日期字符串模型属性的客户端验证

抛出语法错误是因为正则表达式无效，开头需要一个/

/Invalid|NaN/.test(...)

但是，我要指出几件事。

  1. 建议在分析日期字符串时使用 Date.parse
  2. 检查NaN时最好使用 isNaN 函数

这是您的验证器的修订版本

jQuery.validator.addMethod('validDate', function (value, element, params) {
    return !isNaN(Date.parse(value)); 
}, '');

jQuery.validator.addMehod('validDate', function (value, element, params) {
        return Invalid|NaN/.test(new Date(value)); 
    }, '');

跟

jQuery.validator.addMethod('validDate', function (value, element, params) {
        return Invalid|NaN/.test(new Date(value)); 
    }, '');

看起来函数中缺少一个 t。

相关文章：