发布后从控制器返回部分时，JQuery 在 javascript 中不起作用

Question

我在 Visual Studio 制作一个 asp.net 项目。我有两个控制器函数 [HttpGet] AccountCreate 和 [HttpPost] AccountCreate。 Get 返回一个带有模型 AccountCreatePageModel 的 PartialView。一切都在这里，我的 javascript 和 jquery 是可靠的。当我提交表单时，我会检查以确保输入是唯一的，如果不是，我将部分视图以与 Get 相同的方式发回。但是当它加载并尝试运行 javascript 时，每个使用 $ 用于 jquery 的地方都会中断，所以我想它不再知道 jquery 是什么了。怎么会这样？这一切的完成方式与 Get 相同。

    [HttpGet]
    public PartialViewResult AccountCreate(Guid functionId, long? parentId)
    {
        AccountCreatePageModel model = new AccountCreatePageModel
        {
            Function = DataFactory.SystemAccess.GetFunction(functionId),
            ParentId = parentId
        };

        if (parentId != default(long?))
        {
            model.Account = DataFactory.PartyAccess.GetAccount((long)parentId);
            model.Organization = DataFactory.PartyAccess.GetOrganizationByAccountId(model.Account.Id);
            model.Person = DataFactory.PartyAccess.InitializePerson();
            model.Account.Id = (long)parentId;                
        }
        else
        {
            model.Account = DataFactory.PartyAccess.InitializeAccount();
            model.Organization = DataFactory.PartyAccess.InitializeOrganization();
            model.Person = DataFactory.PartyAccess.InitializePerson();
            model.Address = DataFactory.PartyAccess.InitializeAddress();
        }

        model.PhoneNumber = new PhoneNumberModel();

        return PartialView(model);
    }

    [HttpPost]
    [ValidateAntiForgeryToken]
    public ActionResult AccountCreate(AccountCreatePageModel model)
    {

        long id = 0;
        long phoneNumberParentId = 0;
        long accountId = 0;

        if (model.Account.Id > 0)
        {
            accountId = model.Account.Id;
        }
        else
        {
            accountId = DataFactory.PartyAccess.UpsertAccount(model.Account, true).Id;
            model.Function = DataFactory.SystemAccess.GetFunction(model.Function.Id);
            if (accountId == -1)     //Account.AccountId already exists, send message back to user
            {
                return PartialView(model); //this returns my partial back
            }
        }

这是 razor HTML

@using Application.Web.Extensions
@model Application.Web.Models.AccountCreatePageModel

@if ((Model.Organization.Id == 0) && (Model.Person.Id == 0))
{
    <script type="text/javascript">
        $(function () {
            $('#Organization_Name').rules('remove');
            $('#Person_LastName').rules('remove');
            $('#btnSave').click( function (e) {

                if (($('#Organization_Name').val() == "" &&         $('#Person_LastName').val() === "") || ($('#Person_FirstName').val() !== "" && $('#Person_LastName').val() === "")) {
                    e.preventDefault();
                    document.getElementById("OrgLastNameError").innerHTML =      "Organization Name or Last Name must be provided";
                }
                if ($('#Person_FirstName').val() !== "" &&   $('#Person_LastName').val() === "") {
                    e.preventDefault();
                    document.getElementById("OrgLastNameError").innerHTML =   "Last Name must be provided";
                    $('#Person_LastName').focus();
                }

                //if($('#'))

            });
        });
    </script>
}
@Html.HiddenFor(model => model.Function.Id)
<div class="row">
    <div id="OrgLastNameError" class="text-danger"></div>
</div>

<div class="row">
    @Html.PartialFor(model => Model.Account, "_AccountEdit", new    ViewDataDictionary { { "Readonly", (Model.Account.Id > 0) } })
</div>
<div class="row">@Html.PartialFor(model => Model.Organization,   "_OrganizationEdit", new ViewDataDictionary { { "Readonly",   (Model.Organization.Id > 0) } })</div>

<div class="row">@Html.PartialFor(model => Model.Person, "_PersonEdit")  </div>

Answer 1

我没有加入评论讨论的声誉，所以我会在这里发帖。这里有很多很好的答案：

Javascript Runtime error: $ is undefined

我还想说，您没有充分利用该模型。我建议在模型本身的控制器中处理发生的验证。在您的控制器中，您可以添加：

        if (accountId == -1)    
        {
            ModelState.AddModelError("", "Your account id already exists.")
            return PartialView(model); //this returns my partial back
        }

然后您可以在视图中显示：

Html.ValidationSummary(true)

另外，我看到您正在本地验证字段，这可能由于多种原因而出现问题。 MVC 还为我们提供了在模型中添加验证的选项。如果你添加到你的模型属性：

[Required]
public string MyModelProperty{get; set;}

当用户尝试在该字段中没有任何数据的情况下提交表单时，模型将引发错误。