用户对问题“在jQueryAjax中使用ASP.NETMVC验证？”的回答 - 问答 - 云+社区

在jQueryAjax中使用ASP.NETMVC验证？
内容来源于 Stack Overflow，并遵循CC BY-SA 3.0许可协议进行翻译与使用

回答 (2)
关注 (0)
查看 (10)

我有以下简单的ASP.NETMVC操作：

public ActionResult Edit(EditPostViewModel data)
{

}

EditPostViewModel具有如下的验证属性：

[Display(Name = "...", Description = "...")]
[StringLength(100, MinimumLength = 3, ErrorMessage = "...")]
[Required()]
public string Title { get; set; }

在我看来，我使用的是下列帮手：

 @Html.LabelFor(Model => Model.EditPostViewModel.Title, true)

 @Html.TextBoxFor(Model => Model.EditPostViewModel.Title, 
                        new { @class = "tb1", @Style = "width:400px;" })

如果我对此文本框放在验证中的表单进行提交，将首先在客户端上完成，然后在服务上完成(ModelState.IsValid)

现在我有几个问题：

这是否可以与jQueryAjaxSubmit一起使用？我所做的只是删除表单，然后单击Submit按钮，javascript将收集数据，然后运行$.ajax
服务器端会吗？ModelState.IsValid工作？
如何将验证问题转发回客户端，并将其呈现为使用构建int验证(@Html.ValidationSummary(true))

Ajax调用示例：

function SendPost(actionPath) {
    $.ajax({
        url: actionPath,
        type: 'POST',
        dataType: 'json',
        data:
        {
            Text: $('#EditPostViewModel_Text').val(),
            Title: $('#EditPostViewModel_Title').val() 
        },
        success: function (data) {
            alert('success');
        },
        error: function () {
            alert('error');
        }
    });
}

包括在网页上：

<script src="/Scripts/jquery-1.7.1.min.js"></script>
<script src="/Scripts/jquery.validate.min.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.min.js"></script>

提问于 2018-02-092018-02-09 05:20:51

用户回答回答于 2018-02-092018-02-09 14:23:14

你应该做的是序列化你的表单数据，并将其发送到控制器操作。ASP.NET MVC将EditPostViewModel使用MVC模型绑定功能将表单数据绑定到对象。

你可以在客户端验证您的表单，如果一切正常，则将数据发送到服务器。该valid()方法将派上用场。

$(function () {

    $("#yourSubmitButtonID").click(function (e) {

        e.preventDefault();
        var _this = $(this);
        var _form = _this.closest("form");

        var isvalid = _form .valid();  // Tells whether the form is valid

        if (isvalid)
        {           
           $.post(_form.attr("action"), _form.serialize(), function (data) {
              //check the result and do whatever you want
           })
        }

    });

});

赞0 收藏0 评论0

你应该做的是序列化你的表单数据，并将其发送到控制器操作。ASP.NET MVC将EditPostViewModel使用MVC模型绑定功能将表单数据绑定到对象。你可以在客户端验证您的表单，如果一切正常，则将数据发送到服务器。该valid()方法将派上用场。 $(function...

查看全部 2 个问答

腾讯云 COS 怎么才能外链调用 m3u8 到别的网站播放？

1回答

对象存储

滑稽园扛把子

Swoole · PHP开发工程师 (已认证)

As a PHP Developer

推荐

设置公有读私有写：当访问对象时，COS 读取到对象的权限为公有读，此时无论存储桶为何种权限，对象都可以被直接下载设置步骤登录对象存储控制台，选择左侧菜单栏【存储桶列表】，进入存储桶列表页面。单击需要修改对象权限的对应存储桶，进入存储桶。 📷 找到需要设置权限的对象（如 e...... 展开详请

赞2 收藏0 评论0

设置公有读私有写：当访问对象时，COS 读取到对象的权限为公有读，此时无论存储桶为何种权限，对象都可以被直接下载设置步骤登录对象存储控制台，选择左侧菜单栏【存储桶列表】，进入存储桶列表页面。单击需要修改对象权限的对应存储桶，进入存储桶。 📷 找到需要设置权限的对象（如 e...

Ubuntu搭建的WordPress如何修改php.ini？

3回答

Ubuntu、WordPress

滑稽园扛把子

Swoole · PHP开发工程师 (已认证)

As a PHP Developer

推荐

php新手很多不知道怎么查配置文件在哪，这里提供一个很简单的方法使用 php -i 命令可以打印php的详细信息，可以把这堆东西输出一下 php -i > outputphp.txt，结合 grep 查找命令 php -i| grep php.ini 打印结果如下 Config...... 展开详请

赞0 收藏0 评论0

php新手很多不知道怎么查配置文件在哪，这里提供一个很简单的方法使用 php -i 命令可以打印php的详细信息，可以把这堆东西输出一下 php -i > outputphp.txt，结合 grep 查找命令 php -i| grep php.ini 打印结果如下 Config...