在没有View表单的ASP.NET MVC中使用远程验证

Question

我在ASP.NET MVC 4应用程序的ViewModel上使用Remote属性。 这是我的简单模型：

public class User
{
    [Required(AllowEmptyStrings = false, ErrorMessage = "test test")]
    public int Id { get; set; }

    [DisplayName("Email")]
    [Remote("RemoteValidateEmailLengthValidation", "Home")]

    public string Email { get; set; }
}

和远程验证方法：

public JsonResult RemoteValidateEmailLengthValidation(string Email)
{
    if (Email.Length > 20)
    {
        return Json("Too long email", JsonRequestBehavior.AllowGet);
    }
    else
    {
        return Json(true, JsonRequestBehavior.AllowGet);
    }
}

我在Layout上添加了验证所需的所有脚本：

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")
@Scripts.Render("~/bundles/jqueryval")

在WebConfig写下验证所需的全部内容：

<add key="ClientValidationEnabled" value="true" />
<add key="UnobtrusiveJavaScriptEnabled" value="true" />

并添加创建空模型并返回View简单Controller 。

@model ViewModels.User

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@using (Html.BeginForm("PostUser", "Home", FormMethod.Post))
{
    @Html.EditorForModel()
    <input type="submit" />
}

仅当我将模型包装在form 它才起作用，而当我这样编写View 不起作用 ：

@model ViewModels.User

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@Html.EditorForModel()

所以我有问题：

1. 为什么没有表单就无法进行远程验证？ 因为在Chrome调试器中我看到该表单没有提交，所以我仅看到了验证方法调用。
2. 远程验证使用哪种javascript方法？ OnChange ？ 我可以在任何地方看到它，也可以更改它吗？

Answer 1

客户端非侵入式验证涉及

1. 在服务器端：用于生成表单控件的所有HtmlHelper在内部都调用HtmlHelper的GetUnobtrusiveValidationAttributes方法。 执行各种检查，如果未满足所有条件（例如，已禁用UnobtrusiveValidation），则不会呈现客户端验证所需的data-val属性
2. 在客户端：加载jquery.validation.unobtrusive.js ，它首先检查<form>标记的存在，然后基于data-val属性，添加供jquery.validate使用的规则，消息等jquery.validate 。

第一个调用的函数是

parse: function (selector) {
    var $forms = $(selector)
        .parents("form")
        .andSelf()
        .add($(selector).find("form"))
        .filter("form");
    ....

其中selector是html文档元素。 如果没有<form>元素，则var $forms是未定义的，仅执行其他操作。 如果没有<form>元素，则客户端验证根本无法工作。

目前尚不清楚为什么会生成不在表单中的html表单控件，但是您可以简单地对控制器函数进行调用，返回一条消息并显示它

public JsonResult RemoteValidateEmailLengthValidation(string Email)
{
    if (Email.Length > 20)
    {
        return Json("Too long email", JsonRequestBehavior.AllowGet);
    }
    else
    {
        return Json(null, JsonRequestBehavior.AllowGet);
    }
}

和脚本

var url = '@Url.Action("RemoteValidateEmailLengthValidation", "Home")';
var placeHolder = $('[data-valmsg-for="Email"]');
$('#Email').change(function() {
  $.getJSON(url, { Email: $(this.val() }, function(response) {
    if(response) {
      placeHolder.text(response).removeClass('field-validation-valid').addClass('field-validation-error');
    }
  });
});

并处理.keyup事件以删除错误消息并重置类名

Answer 2

无法在ASPNET 5中找到JsonRequestBehavior

[HttpGet]
public JsonResult IsAllowedName(string FirstMidName)
{
    if (FirstMidName.ToLower() == "oleg")
    {

        //It seems that Microsoft.Asp.Net.Mvc does 
        //not contain JsonRequestBehavior enum
        return Json(false, JsonRequestBehavior.AllowGet); 
    }
    return Json(true);
}

终端输出

dnu build
/.../Controllers/ValidationController.cs(20,24):
DNXCore,Version=v5.0 error CS0103: 
The name 'JsonRequestBehavior' does not exist in the current context
Build failed.