javascript MVC 4的kendo UI datepicker验证

Posted 2023-05-07

【中文标题】javascript MVC 4的kendo UI datepicker验证

【英文标题】：kendo UI date picker validation by java script MVC 4

【发布时间】：2013-06-12 13:44:36

【问题描述】：

我一直在 mvc 3.0 中使用 kendo Ui，我对此非常满意。最近，我切换到 MVC 4，我发现的主要问题是我无法使用 MVC 模型验证（数据注释）来验证剑道控件。请帮助我通过 java 脚本或基于模型的验证来验证剑道日期选择器。我不想使用剑道验证器。我基本上是在尝试像这样进行验证。

代码

在模型中：

[Required] //and others bla bla
public string Date get;set;

在cshtml页面中：

@(Html.Kendo().DatePicker()  
    .Name("datepicker")  
    .Value("10/10/2011")  
    .HtmlAttributes(new  style = "width:150px" )  
)  

@Html.HiddenFor(m => m.Date);

现在在提交点击时，我将为隐藏字段赋值：

OnSaveClick()

    document.getelementbyId('Date ').value=$("#datepicker).val();

日期选择器的值将自动分配给隐藏字段，如果日期选择器为空，则会触发对隐藏字段的验证。

这些概念在 MVC 3.0 中有效，但在 MVC 4.0 中无效。请帮我。感谢关注。

【问题讨论】：

首先，我认为您不会使用 javascript 找到“日期”字段，因为您搜索的是“日期”而不是“日期”。其次，您的 jQuery 选择器无效。它必须是$("#datepicker").val()。请注意，您错过了其中的双引号。

【参考方案1】：

有许多技术可以进行验证。您可以创建自己的属性，或者在遇到问题时尝试使用剑道的 Java 脚本代码，因为脚本代码易于使用，我们也可以使用脚本进行验证。另一件事，您还可以通过 java 脚本进行验证，例如单击按钮即可

  var date= $("datepicker").val();

这会将您的日期选择器值放入您的日期变量中，现在您可以使用拆分来编写脚本，并将每个拆分数组值保存在另一个对象中，例如保持日期分开，然后分开月份，然后分开年份。通过脚本对它们进行不同的检查，并在错误的地方返回 false，否则返回 true。