1

有人可以帮我解决客户端验证问题（MVC4 RC，VS2010）吗？Intellisense 未在 jQuery.validator 中显示 addMethod。当我运行应用程序时，它会在此方法中引发 javascript null 错误。我想允许用户输入大于当前时间的时间。我的 CustomValidation.js 文件如下所示：

/// <reference path="jquery-1.7.2-vsdoc.js" />
/// <reference path="jquery.validate-vsdoc.js" />
/// <reference path="jquery.validate.unobtrusive.js" />

jQuery.validator.addMethod('dategreaterthan', function (value, element, param) {   
      var today = new Date();
      return Date.parse(value) > today; 
});

$.validator.unobtrusive.adapters.add("dategreaterthan", function (options) {
    options.rules["dategreaterthan"] = true;
    options.messages["dategreaterthan"] = options.message;
});

这是自定义验证属性代码：

public class DateGreaterThanAttribute : ValidationAttribute, IClientValidatable
    {
        private const string DefaultErrorMessage = "{0} Time must be greater than current time";

        public DateGreaterThanAttribute() :
            base(DefaultErrorMessage) 
        { }

        protected override ValidationResult IsValid(object value, ValidationContext validationContext)
        {
            ValidationResult validationResult = ValidationResult.Success;

            if (((DateTime)value).TimeOfDay >= DateTime.Now.TimeOfDay)
                return validationResult;
            else
            {
                return new ValidationResult(FormatErrorMessage(this.ErrorMessage));                
            }
        }

        public override string FormatErrorMessage(string name)
        {
            return base.FormatErrorMessage(name);
        }


        #region IClientValidatable Members

        public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
        {
             var rule = new ModelClientValidationRule();
             rule.ErrorMessage = FormatErrorMessage(metadata.GetDisplayName());
             rule.ValidationType = "dategreaterthan";
             yield return rule;                
        }

        #endregion
    }

我已将 CustomValidation.js 添加到 BundleConfig.cs 文件中，如下所示： public class BundleConfig（不确定是否正确）：

   public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-1.*"));

        bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                    "~/Scripts/jquery-ui*"));

        bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.unobtrusive*",
                    "~/Scripts/jquery.validate*"));

        bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                    "~/Scripts/modernizr-*"));

        bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));

        bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
                    "~/Content/themes/base/jquery.ui.core.css",
                    "~/Content/themes/base/jquery.ui.resizable.css",
                    "~/Content/themes/base/jquery.ui.selectable.css",
                    "~/Content/themes/base/jquery.ui.accordion.css",
                    "~/Content/themes/base/jquery.ui.autocomplete.css",
                    "~/Content/themes/base/jquery.ui.button.css",
                    "~/Content/themes/base/jquery.ui.dialog.css",
                    "~/Content/themes/base/jquery.ui.slider.css",
                    "~/Content/themes/base/jquery.ui.tabs.css",
                    "~/Content/themes/base/jquery.ui.datepicker.css",
                    "~/Content/themes/base/jquery.ui.progressbar.css",
                    "~/Content/themes/base/jquery.ui.theme.css"));
        bundles.Add(new ScriptBundle("~/bundles/customvalidation").Include(
                    "~/Scripts/CustomValidation.js"));     
    }
4

1 回答 1

2

确保在您的自定义捆绑包（与 关联）之前包含jqueryval捆绑包（包含~/Scripts/jquery.unobtrusive*和脚本）。所以按照这个顺序：~/Scripts/jquery.validate*jqueryui

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/jqueryui")
于 2012-07-16T14:58:29.123 回答