javascript-ASP .NET MVC,DateTimePicker和jQuery验证

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-ASP .NET MVC,DateTimePicker和jQuery验证，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2898字，纯文字阅读大概需要5分钟。

内容图文

我有一个带有StartTime日期和EndTime日期的模型：

[Required]
[DataType(DataType.DateTime)]
public DateTime StartTime { get; set; }

[Required]
[DataType(DataType.DateTime)]
public DateTime EndTime { get; set; }

使用这两个日期的当前视图具有以下形式：

@if (Roles.IsUserInRole("Teacher"))
{
    <h2>AddSession</h2>

    using (Html.BeginForm("SessionAdded", "Course", FormMethod.Post, new { id = "myform" }))
    {
        @Html.ValidationSummary(true)
        <fieldset>
            <legend>Add Session</legend>
            <div class="editor-label">
                @Html.LabelFor(model => model.Name)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.Name)
                @Html.ValidationMessageFor(model => model.Name)
            </div>
            <div class="editor-label">
                @Html.LabelFor(model => model.StartTime)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(model => model.StartTime, new { @class = "date" , id = "StartTime" })
                @Html.ValidationMessageFor(model => model.StartTime)
            </div>
            <div class="editor-label">
                @Html.LabelFor(model => model.EndTime)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(model => model.EndTime, new { @class = "date", id = "EndTime" })
                @Html.ValidationMessageFor(model => model.EndTime)
            </div>
            <p>
                <input id="submit" type="submit" />
            </p>
        </fieldset>
    }
}

当我删除时：
< script src =“ @ Url.Content(”?/ Scripts / jquery.validate.min.js“)” type =“ text / javascript”>< / script>我认为我没问题.

但是,当我使用jquery.validate时,将返回两个字段：请输入有效日期.我使用DateTimePicker for jQuery UI.

我有以下Javascript代码：

$(document).ready(function () {

var datepickers = $('.date').datetimepicker({
    minDate: 0,
    dateFormat: "dd/mm/yy",
    timeFormat: "hh:mm",
    onSelect: function (date) {
        var option = this.id == 'StartTime' ? 'minDate' : 'maxDate';
        datepickers.not('#' + this.id).datepicker('option', option, date);
    }
});

$("#myform").validate({
    ignore: ".date"
})

});

我想对我的两个Date字段(class =“ date”)忽略jQuery验证,因为它会检查特定的dateformat,我必须在我的应用程序中使用此格式：dd / mm / yyyy hh：mm.

我也尝试做一个自定义验证器,但是没有成功.我总是收到请输入有效日期错误…

谢谢你的帮助,

埃德

解决方法:

您可能需要将CurrentCulture更改为您使用的日期格式. Hanselman的分数约为post.您是否正在使用MVC随附的不干扰的验证？

这将是您需要做的更改(在我的情况下,文化是针对GB的)

web.config

<globalization culture="en-GB" uiCulture="en-GB" enableClientBasedCulture="false" />   

Global.asax

Thread.CurrentThread.CurrentCulture = new CultureInfo("en-GB");

另外,您可以创建一个操作过滤器,以确保提交时该操作获得了区域性

public class CultureAwareActionAttribute : ActionFilterAttribute
    {
        public override void OnActionExecuting(ActionExecutingContext filterContext)
        {
            base.OnActionExecuting(filterContext);

            if (!string.IsNullOrEmpty(filterContext.HttpContext.Request["culture"]))
            {
                Thread.CurrentThread.CurrentCulture = Thread.CurrentThread.CurrentUICulture = new CultureInfo(filterContext.HttpContext.Request["culture"]);
            }
        }
    }

您只需在方法声明上添加[CultureAwareAction]批注

(该过滤器是为Telerik团队编写的,用于处理其控件中的本地化内容)

内容总结

以上是互联网集市为您收集整理的javascript-ASP .NET MVC,DateTimePicker和jQuery验证全部内容，希望文章能够帮你解决javascript-ASP .NET MVC,DateTimePicker和jQuery验证所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端