Question

我需要你的帮助。我正在使用AjaxBeginform在一个小文本字段中提交问题。我可以提交问题，它可以很好地发布到db，但问题永远不会解决。我正在使用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('');
}

这是我的控制器

    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

ask

questionTxt 不是问题

Answer 2

为您的表单添加ID，然后尝试重置它：

html

或者，如果您在页面上只有一个表单，那么这也可以，因为这只适用于第一个表单：

@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

使用Ajax，文本框无法清除MVC中的提交

2 个答案: