javascript - 使用 Ajax，在 MVC 中提交时文本框不清除

Question

我需要你的帮助。我正在使用 AjaxBeginform 在一个小文本字段中提交问题。我可以提交问题，它可以很好地发布到数据库，但是问题永远不会解决。我正在使用 Ajax，因为我不想发布整个页面。我试过使用 this.rest();但这在 IE 中有效，但在 Firefox 和 Chrome 中无效。我试过 $('#question').reset();但这仍然行不通。我确定这是我做错的事情。

下面是我的代码。谢谢您的帮助。

这是我在页面顶部的脚本:

    <script type="text/javascript" src="~/Scripts/jquery-migrate-    1.2.1.min.js"></script>

这是 AjaxBeginForm 和文本框

     @using (Ajax.BeginForm("SendQuestion", new { PresId = Model.PresentationID, catalogId = ViewBag.CatalogId }, new AjaxOptions
        {
            HttpMethod = "Post",
            UpdateTargetId = "questionTxt",
            OnBegin = "OnBegin",
            OnSuccess = "OnSuccess",
            OnFailure = "OnFailure"

        }))
            {

                <fieldset id="question">
                    <p>
                        <textarea id="questionTxt" style="font-size:12px" cols="20" rows="6" name="questionTxt" onclick="javascript:removeTextAreaWhiteSpace(this);"></textarea>
                    </p>


                    <button id="question-btn" type="submit">Submit</button>
                </fieldset>

            }

这是我的 OnSuccess 函数

  function OnSuccess() {
    alert("Your question has been submitted.");
    $('#question').val('');
}

这是我的 Controller

    public bool SendQuestion(string questionTxt, long PresId, long catalogId)
    {
        try
        {
            var db = new ODTEntities();
            var pres = db.Presentations.FirstOrDefault(i => i.PresentationID == PresId);
            var subject = db.Catalogs.FirstOrDefault(i => i.CatalogID == catalogId).CatalogCode + " - " + pres.Title + " - " + pres.Presenter.PresenterName;
            Utils.AddQuestionToDB(db, PresId, catalogId, Utils.GetAttendeeId(), questionTxt);
            string body = "This question : " + Environment.NewLine + questionTxt + Environment.NewLine + " was sent by " +
                          User.Identity.Name;
            var catalog = db.Catalogs.FirstOrDefault(i => i.CatalogID == catalogId);
            if (!string.IsNullOrEmpty(catalog.QuestionsEmail))
                Helper.SendMail(body, subject, catalog.QuestionsEmail, "");
            else
                Helper.SendMail(body, subject);
        }
        catch (Exception)
        {
            return false;
        }
        return true;
    }

就像我之前说的，我试过这个，它会在 IE 中清除，但不会在 Firefox 或 Chrome 中清除。因此，当我提交表单时，弹出窗口返回您的问题已提交，当弹出窗口可见时，问题变为 true，然后您在弹出窗口中单击“确定”，文本框在 IE 中被清除:

      function OnSuccess() {
    alert("Your question has been submitted.");
    $('#question').val('');
    this.reset();
}

如果有人能告诉我我做错了什么，那将不胜感激。谢谢你。

Answer 1

给你的表单一个id，然后尝试重置它:

@using (Ajax.BeginForm("SendQuestion", new { PresId = Model.PresentationID, catalogId = ViewBag.CatalogId }, new AjaxOptions
    {
        HttpMethod = "Post",
        UpdateTargetId = "questionTxt",
        OnBegin = "OnBegin",
        OnSuccess = "OnSuccess",
        OnFailure = "OnFailure"

    },new {id="formid"}))
    }

$('#formid').reset();  // BY JQUERY
document.getElementById("formid").reset(); // BY PURE JAVASCRIPT

或者如果您在页面上只有一个表单，那么这也将起作用，因为这仅适用于第一个表单:

$('form:first').reset();