javascript - 提交按钮不会调用该操作

Question

我使用以下按钮，该按钮工作正常并按预期调用操作，

保存按钮

 @using (Html.BeginForm("edit", "user", FormMethod.Post, new { enctype = "multipart/form-data" }))
    {
            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <input type="submit" id="actionbtn" value="Save"  name="buttonType" />

                </div>
            </div>
    }

检查按钮

@using (Html.BeginForm("Check", "User"))
{
    <input type="submit" id="btnConnect" value="Check"  />
    <span id='result'></span>
}

现在，当我添加以下代码(如果操作成功与否，应该添加一些文本)时，保存按钮不会调用该操作，我在这里做错了什么？

$("form").submit(function (e) {
        // Cancel the default submission
        e.preventDefault();

        // Perform the AJAX call
        var target = $(this).attr('action');
        $.post(target, function(result) {
            // Check the value of  result
            if (result === "True") {
                // It was successful, make  result text green.
                $("#result").css('color', 'green').html("successful.");
            } else {
                // Otherwise, it failed, display as red.
                $("#result").css('color', 'red').html("Failed");
            }

        });
    });

我尝试删除 e.preventDefault();没有成功...

Answer 1

您需要像这样检查通过哪个按钮提交的表单。

你必须这样做来限制它:

$("form").submit(function (e) {
        // Cancel the default submission
        e.preventDefault();

 if($(this).find('input[type="submit"]').val() === "Check") // form submitted via Check button
 {
        // Perform the AJAX call
        var target = $(this).attr('action');
        $.post(target, function(result) {
            // Check the value of  result
            if (result === "True") {
                // It was successful, make  result text green.
                $("#result").css('color', 'green').html("successful.");
            } else {
                // Otherwise, it failed, display as red.
                $("#result").css('color', 'red').html("Failed");
            }

        });
}
else
{
// form submitted from Save button
}
    });