asp.net-mvc-3 – jQuery.validator.unobtrusive.adapters.addMi
发布时间:2020-12-16 00:12:32 所属栏目:asp.Net 来源:网络整理
导读:我正在使用DataAnnotations创建一个日期范围验证器,jQuery.validate和jquery.validate.unobtrusive.我已经阅读了以下内容: http://bradwilson.typepad.com/blog/2010/10/mvc3-unobtrusive-validation.html http://weblogs.asp.net/mikaelsoderstrom/archive
|
我正在使用DataAnnotations创建一个日期范围验证器,jQuery.validate和jquery.validate.unobtrusive.我已经阅读了以下内容:
http://bradwilson.typepad.com/blog/2010/10/mvc3-unobtrusive-validation.html http://weblogs.asp.net/mikaelsoderstrom/archive/2010/10/06/unobtrusive-validation-in-asp-net-mvc-3.aspx 和其他但不能发布(noob) 以及SO上的大部分帖子.我正在把头靠在墙上,任何帮助都可以用啤酒/食物/代码/等奖励;)无论如何,这里是代码: 我有一个带有以下参数的模型对象: [Display(Name = "Start date"),DayRange(0,5,ErrorMessage = "The Start Date must be between today and 5 days time.")]
public DateTime StartDate { get; set; }
DayRange是一个自定义属性类: [AttributeUsage(AttributeTargets.Field | AttributeTargets.Property,AllowMultiple = false,Inherited = true)]
public class DayRangeAttribute : RangeAttribute,IClientValidatable
{
private int _minimumDays;
private int _maximumDays;
public DayRangeAttribute(int minimumDays,int maximumDays) : base(minimumDays,maximumDays)
{
_minimumDays = minimumDays;
_maximumDays = maximumDays;
}
public override bool IsValid(object value)
{
var dateToBeTested = value as DateTime?;
return dateToBeTested.HasValue && dateToBeTested.Value >= DateTime.Today.AddDays(_minimumDays) && dateToBeTested.Value <= DateTime.Today.AddDays(_maximumDays);
}
public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata,ControllerContext context)
{
var rule = new ModelClientValidationRule
{
ErrorMessage = this.ErrorMessage,ValidationType = "dayrange"
};
rule.ValidationParameters.Add("min",_minimumDays);
rule.ValidationParameters.Add("max",_maximumDays);
yield return rule;
}
}
我在web.config中有以下内容: <appSettings>
<add key="ClientValidationEnabled" value="true"/>
<add key="UnobtrusiveJavaScriptEnabled" value="true"/>
</appSettings>
在文档准备好之前,我已经有了以下JS触发器(在doc准备就绪时尝试触发它): jQuery.validator.addMethod('dayrange',function (value,element,param) {
if (!value) return false;
var now = Date();
var dateValue = Date.parse(value);
var minDate = now.setDate(now.getDate() - param.min);
var maxDate = now.setDate(now.getDate() + param.max);
return this.optional(element) && dateValue >= minDate && dateValue <= maxDate;
},'Must fall in range');
jQuery.validator.unobtrusive.adapters.addMinMax('dayrange','minlength','maxlength','dayrange');
我究竟做错了什么?先谢谢你,约尔 解决方法
解决了!我忘了/不明白你必须将jQuery本身传递给函数闭包.因此,客户端上的自定义验证器应如下所示:
$(function () {
jQuery.validator.addMethod('dayRange',param) {
if (!value) return false;
var valueDateParts = value.split(param.seperator);
var minDate = new Date();
var maxDate = new Date();
var now = new Date();
var dateValue = new Date(valueDateParts[2],(valueDateParts[1] - 1),valueDateParts[0],now.getHours(),now.getMinutes(),(now.getSeconds()+5));
minDate.setDate(minDate.getDate() - parseInt(param.min));
maxDate.setDate(maxDate.getDate() + parseInt(param.max));
return dateValue >= minDate && dateValue <= maxDate;
});
jQuery.validator.unobtrusive.adapters.add('dayrange',['min','max','dateseperator'],function (options) {
var params = {
min: options.params.min,max: options.params.max,seperator: options.params.dateseperator
};
options.rules['dayRange'] = params;
if (options.message) {
options.messages['dayRange'] = options.message;
}
});
}(jQuery));
我也改变了添加适配器的方式,因此我可以添加其他属性.永远不要发送到服务器端开发人员做前端工程师工作;)希望这有助于某人. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- asp.net-mvc – MVC DropDownListFor在视图中基本为True Fa
- asp.net操作xml增删改示例分享
- ASP.NET MVC真正注销表单身份验证
- asp在本地正常,在服务器上报无法识别的属性“targetFramew
- asp.net-mvc – MVC .net属性上必需属性的布尔值True
- ASP.NET显示SVN版本号
- asp.net-mvc – Ajax.Actionlink在新页面中打开
- ASP.NET MVC 4,MongoDB,实现登录
- asp.net-mvc-3 – 如何在razor视图中设置@ model.attribute
- asp.net-mvc-4 – 创建和编辑MVC4的相同视图
推荐文章
站长推荐
- 学习Asp.Net WebForms或Asp.Net MVC
- entity-framework – 将DbContext注入Repository
- ASP.NET Core应用针对静态文件请求的处理[1]: 以
- asp.net – 命名空间’System.Web’中不存在类型
- ASP.Net MVC Script Bundle导致404
- asp.net-mvc-2 – 使用web.config文件在ASP.NET
- 在为ASP.net构建期间缩小内联JavaScript?
- 实体框架Core 1.0工作单元与Asp.Net Core中间件或
- .net – WebApi传输字节数组为空
- asp.net-mvc – ASP.NET MVC Gotcha?失意
热点阅读
