JQuery.unobtrusive.ajax没有使用"取消"课程(MVC 5)

时间:2014-10-01 17:31:15

标签: jquery asp.net-mvc-5 asp.net-ajax unobtrusive-validation unobtrusive-ajax

我一直在撞墙试图让这个工作起来,我终于决定寻求帮助了。我的表单中有两个提交按钮。一个提交按钮是允许用户返回。它需要是一个提交按钮,因为我仍然需要使用隐藏的输入字段提交的表单。

<form action="/Question/ProcessQuestion" data-ajax="true" data-ajax-failure="handleError" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#questionForm" data-ajax-url="/Question/ProcessQuestion" id="form0" method="post">
    <input type="hidden" name="TraversalId" value="a59aff78-d10c-4800-b91a-3ae47a95a52c">
    <input type="hidden" name="AssetId" value="1cf261a6-4549-4802-bd43-f2900178604d">
    <input type="hidden" name="Type" value="question/text">
    <div id="textQuestion">
        <div class="bodyText">
            <div>In the space below, describe the problem with the left ankle, using as many details as possible.</div><br>
            <textarea rows="10" cols="50" maxlength="999" name="TextResponse" class="textarea" required=""></textarea>
            <div class="bigButtons"><br>
                <input type="submit" id="btnBack" value="Back" name="buttonType" class="cancel">
                <input type="submit" id="btnContinue" value="Continue" name="buttonType">
            </div>
        </div>
    </div>
</form>

正如你所看到的那样&#34; Back&#34;按钮有一个名为&#34;取消&#34;在里面。根据几个消息来源,即使验证失败,也应该提交表格。我听从stackoverflow的建议。那没起效。我也看到asp.net团队说它已被修复asp.net codeplex,但事实并非如此,因为它对我不起作用。

我一直在调试代码,执行从不进入以下功能。

$(document).on("submit", "form[data-ajax=true]", function (evt) {
    var clickInfo = $(this).data(data_click) || [],
        clickTarget = $(this).data(data_target),
        isCancel = clickTarget && clickTarget.hasClass("cancel");
    evt.preventDefault();
    if (!isCancel && !validate(this)) {
        return;
    }
    asyncRequest(this, {
        url: this.action,
        type: this.method || "GET",
        data: clickInfo.concat($(this).serializeArray())
    });
});

而是突出显示textarea并显示一条快速弹出消息&#34;请填写此字段&#34;我相信我做错了什么,但是,我不知道它是什么。我很感激能得到的任何帮助。

1 个答案:

答案 0 :(得分:0)

我最终选择更改jquery.unobtrusive.ajax.js代码。我在以下事件处理程序中添加了一些逻辑。

$(document).on("click", "form[data-ajax=true] :submit", function (evt) {
    var name = evt.currentTarget.name,
        target = $(evt.target),
        form = $(target.parents("form[data-ajax=true]")[0]);

    form.data(data_click, name ?[{ name: name, value: evt.currentTarget.value }]: []);
    form.data(data_target, target);

    setTimeout(function () {
        form.removeData(data_click);
        form.removeData(data_target);
    }, 0);
});

我在变量声明之后添加了这个逻辑。

if (target.hasClass("cancel")) {
    var clickInfo = name ? [{ name: name, value: evt.currentTarget.value }] : [];
    var options = {
        url : form.attr("action"),
        type: form.attr("method"),
        data: clickInfo.concat(form.serializeArray())
    };
    $.ajax(options).done(function(result) {
        var target = $(form.attr("data-ajax-update"));
        target.replaceWith(result);
    }).fail(function(result) {
        if (result.statusText && result.responseText) {
            handleError(result);
        }
    });
    return false;
}

现在正在为我工​​作。如果有人有更好的方法来解决这个问题,我将不胜感激。我真的不想修改jquery.unobtrusive.ajax.js文件,但是,我也不想为相同的事件和元素连接一个新的处理程序,因为一个已存在。