ASP.NET MVC 3 - 自定义客户端验证不工作

我试图实现自定义客户端验证，但它不工作。我正在基于Codeproject上的文章http://www.codeproject.com/Articles/275056/Custom-Client-Side-Validation-in-ASP-NET-MVC3 ASP.NET MVC 3 - 自定义客户端验证不工作

我也看过这里，但我认为我正确地实施它，但我忽略了一些东西。我的目标是验证一个日期（必需的，日期格式，不要早于表单上的另一个日期）。前两个可以通过数据注释来完成，最后一个我需要处理自定义验证。

我有我的基类的一些dataannotations（ClassLibrary是VB.NET）：

Imports System.ComponentModel 
Imports System.ComponentModel.DataAnnotations 

<MetadataType(GetType(CM_CONTRACTVALIDATIONData))> 
Partial Public Class CM_CONTRACTACTIVATION 
    '... 
End Class 

Public Class CM_CONTRACTVALIDATIONdata 
'... 
<DataType(DataType.Date)> 
<Required()> 
Public Property TakeBackDeviceWhen 
'.. 
End Class

在我已经添加了自定义方法的JavaScript文件：

//validation 
$.validator.addMethod("checkPickupDate", function (value, element) { 
    return false; 
}); 
$("#form").validate({ 
    rules: { 
     TakeBackDeviceWhen: { 
      checkPickupDate: true 
     } 
    }, 
    messages: { 
     TakeBackDeviceWhen: { 
      checkPickupDate: "Test" 
     } 
    } 
} 
);

我CHTML文件如下：

@Html.TextBox("TakeBackDeviceWhen", Model.TakeBackDeviceWhen.HasValue ? Model.TakeBackDeviceWhen.Value.ToShortDateString() : "", new { style = "Width: 200px" })

产生的HTML是如下：

<input id="TakeBackDeviceWhen" class="hasDatepicker" type="text" value="" style="Width: 200px" name="TakeBackDeviceWhen" data-val-required="The TakeBackDeviceWhen field is required." data-val="true">

看来，我的类型验证和我的自定义验证都没有实现。

什么问题？

来源

2012-09-19 JurgenStillaert

我一直在寻找这个问题。我最终做了一个测试MVC项目。但它也不起作用。检查了两次文章，我想我和他们一直在说的一样。在这个项目中我没有日期检查：http://www.4shared.com/zip/e9eb0Dza/TestMVC.html?refurl=d1url – JurgenStillaert

好的。发现DataType不执行验证。 Pro ASP。.NET MVC3框架页面605：“■提示DataType属性不能用于验证用户输入 - 仅为使用模板化助手提供值提供提示（在第16章中描述）。因此，例如，不要期望DataType（DataType.EmailAddress）属性强制执行特定的格式。“ – JurgenStillaert

当前状态：（1）不要使用EditorFor，（2）将data_val，data_val_required，data_val_date作为htmlattribute添加到字段中，（3）DataType注释不会强制类型验证。仍坚持添加自定义jQuery验证器。见http://www.4shared.com/zip/f9G2eNwu/TestMVC2.html – JurgenStillaert

好的，解决了。我希望:-)

我今天学到了什么：（1）不要使用EditorFor：当你从一个MVC模板脚手架中，输入字段被生成到EditorFor，看起来你不能添加自定义不显眼的验证标签。所以，我试图解决这个问题，直到我将它改为TextBoxFor。（2）您可以在jQuery中添加自定义验证方法，但是您不能将它们与不显眼的验证混合使用。添加自定义方法后，您还必须将其添加到不显眼的适配器。而且不要忘了添加jQuery的底部：-S（我得到这个从jQuery.validator.unobtrusive.adapters.addMinMax round trips, doesn't work in MVC3）

$(function() { 
$.validator.addMethod("checkpickupdate", function (value, element) { 
    if (value == "20/09/2012") { 
     return false; 
    } else { 
     return true; 
    } 
}); 

$.validator.unobtrusive.adapters.addBool("checkpickupdate"); 
} (jQuery));

（3）添加验证标记输入字段中htmlAttributes：

@Html.TextBox("TakeBackDeviceWhen", Model.TakeBackDeviceWhen.HasValue ? Model.TakeBackDeviceWhen.Value.ToShortDateString() : "", 
       new { 
        style = "Width: 200px", 
        data_val = "true", 
        data_val_required = "verplicht!", 
        data_val_date = "moet datum zijn", 
        data_val_checkpickupdate = "wow" 
       })

（ 4）数据类型数据注释不会执行验证。你必须像（3）中那样添加它。你可以添加自定义ValidationAttribute（用于服务器端验证）：

public class MustBeDateAttribute : ValidationAttribute { 
    public override bool IsValid(object value) { 
     try 
     { 
      DateTime dte = DateTime.Parse(value.ToString()); 
      return true; 
     } 
     catch (Exception) 
     { 
      return false; 
      throw; 
     } 
    } 
}

这是生成的HTML输出：

<input type="text" value="" style="Width: 200px" name="TakeBackDeviceWhen" id="TakeBackDeviceWhen" data-val-required="required!" data-val-date="has to be a date" data-val-checkpickupdate="custom error" data-val="true" class="hasDatepicker valid">

正如我用我的ClassLibrary在不同的项目中，我现在要尝试从类库中分离dataannotations元数据（可能使用依赖解析器）。

来源

2012-09-20 09:47:30 JurgenStillaert

ASP.NET MVC 3 - 自定义客户端验证不工作

回答

相关问题