MVC 3部分视图验证问题

发布于 2024-12-05 15:48:48 字数 1285 浏览 2 评论 0原文

我正在尝试使用 DataAnnotations 验证部分视图中的表单。

问题是当我检查表单在 JavaScript 中是否有效时，它总是返回 true，即使表单不符合要求。

这是始终返回 true 的行： var valid = $("#create-language-form").valid();

在我的模型中，我得到了这个

    [Required(ErrorMessage="Please enter a name")]
    public string Name { get; set; }

：我的视图我得到了这个：

@using(Html.BeginForm(null, null, FormMethod.Post, new { id = "create-language-form" }))
{
<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>
}

在我的javascript中我得到了这个：

$("#create-language-dialog").dialog({
        modal: true,
        open: function (event, ui) {
            $('#create-language-dialog').load("/Languages/CreatePartial", { id: objectid });
        },
        buttons: {
            "Save": function () {
                var valid = $("#create-language-form").valid();

                if (valid) {
                 //do stuff
                }
            }
        }
    });

可能出了什么问题？为了使 MVC 验证在部分视图中工作，我错过了什么？

原文

I'm trying to validate a form in a Partal View using the DataAnnotations.

The problem is when I check if the form is valid in the javascript, it always returns true, even if the form doesn't meet the requirements.

This is the line who always returns true: var valid = $("#create-language-form").valid();

In my model I got this:

    [Required(ErrorMessage="Please enter a name")]
    public string Name { get; set; }

In my view I got this:

@using(Html.BeginForm(null, null, FormMethod.Post, new { id = "create-language-form" }))
{
<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>
}

In my javascript I got this:

$("#create-language-dialog").dialog({
        modal: true,
        open: function (event, ui) {
            $('#create-language-dialog').load("/Languages/CreatePartial", { id: objectid });
        },
        buttons: {
            "Save": function () {
                var valid = $("#create-language-form").valid();

                if (valid) {
                 //do stuff
                }
            }
        }
    });

What might be wrong? Anything I miss to make the MVC validation work in a partial view?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

囚我心虐我身 2024-12-12 15:48:48

这将验证表单并返回 true 或 false。

var valid = $("#create-language-form").validate().form();

This will validate the form and return true or false.

var valid = $("#create-language-form").validate().form();

回复收藏 0 原文

时常饿 2024-12-12 15:48:48

我遇到了类似的问题，我编写了自己的函数，如下所示。

function isFormValid() {
    var valid = true;

    $(".field-validation-error").each(function () {
        if ($(this).attr("data-valmsg-for") == "Name") {
            valid = false;
        }
    });

    return valid;
}

这将检查与 ValidationMessageFor 相对应的错误元素。我的页面有多个表单，我希望它仅适用于表单上的几个字段，因此我在 data-valmsg-for 上添加了 if 条件。如果您有一个表单并想检查是否有任何字段错误，那么您可以按如下方式查看

function isFormValid() {
    var valid = true;

    $(".field-validation-error").each(function () {
        valid = false;
    });

    return valid;
}

I had similar problem and I wrote my own function as below

function isFormValid() {
    var valid = true;

    $(".field-validation-error").each(function () {
        if ($(this).attr("data-valmsg-for") == "Name") {
            valid = false;
        }
    });

    return valid;
}

This will check for elements corresponding to ValidationMessageFor which are in error. My page had multiple forms and I wanted this to only work for few fields on a form so I added the if condition on data-valmsg-for. If you have got a single form and want to check if any field is in error then you can have it as below

function isFormValid() {
    var valid = true;

    $(".field-validation-error").each(function () {
        valid = false;
    });

    return valid;
}

回复收藏 0 原文

~没有更多了~