为什么不输入“提交”不适用于Form？

Question

我正在使用.NET MVC为新用户创建IQ测试。 当前，我有表单设置要发布到数据库：

<div class="form-group">
  <input type="button" class="btn btn-default personality-finish-btn" value="send" />
</div>

但是出于引导验证的原因，我需要像这样切换到type =“ submit”：

<div class="form-group">
  <input type="submit" class="btn btn-default personality-finish-btn" value="Submit" />
</div>

通过单击提交按钮发布表单时，我在MVC上遇到了一个很讨厌的错误：

“参数字典包含用于方法'System.Threading.Tasks.Task`1 [System.Web.Mvc.JsonResult] PersonalityEvaluation（System.String，布尔）”中的“ TechAcademyLMS.Controllers.RegistrationController”。 可选参数必须是引用类型，可为空的类型，或者必须声明为可选参数。 参数名称：参数'

这仅在从“按钮”类型更改为“提交”类型时发生。 由于我不在发布逻辑中的任何位置调用按钮，因此我确信这一定是内置HTML问题。

任何线索将不胜感激，谢谢。

编辑：

这是我一直在使用的当前验证逻辑。 我以前从未使用过bool，所以我不知道为什么现在需要：

$(document).ready(function () {


    $(".personality-finish-btn").on("click", function () {
        checkPersonalityRadio();
    })
})

function checkPersonalityRadio() {
    var pass = false;
    var score = 0;
    for (var i = 1; i < 51; i++) {
        var value = $("input[name='eval-checkbox-" + i + "']:checked").val();
        if (value !== undefined) {
            score += parseInt(value);
        }
    };

    if (score >= 35 && 50) {
        score += " Pass";
        pass = true;
    } else if (score <= 34){
        score += " Fail";
}

    score = JSON.stringify(score);

    $.ajax({
        type: "POST",
        url: "/Registration/PersonalityEvaluation",
        data: { score: score, pass: pass },
        success: function (response) {
            window.location.href = "/Registration/StepTwelve";
        },
        dataType: "json",
        error: function () {
            console.log(data);
            alert("Whoops, something went wrong.");
        },
        traditional: true
    });
}

Answer 1

按钮类型不会提交表单，但会运行您的javascript函数。 类型为commit的输入实际上会提交包含该输入的表单。

如果您想运行javascript但又不想提交表单，请使用Submit事件，然后取消默认的表单行为，如下所示：

$(".personality-finish-btn").on("submit", function () {
    checkPersonalityRadio(); // here you can send you details to API controller by Ajax.
    return false; //this will avoid the default form behaviour, which is being submitted.
})

更新：我认为您的问题是您试图在POST提交中发送两个参数。 ModelBinder尝试将这些参数映射到对象，因此它可能正在尝试将所有参数分配给PersonalityEvaluation（System.String，Boolean）中的字符串，这就是布尔值始终为null的原因。

最好的选择是创建一个包装两个属性的对象。 就像是：

public class TestResults(){
    public string score {get; set;}
    public bool pass {get; set;}
}

因此，控制器中的操作方法如下所示：

public PersonalityEvaluation(TestResults results){
    //your logic here
}

看一下此链接http://www.asp.net/web-api/overview/formats-and-model-binding/parameter-binding-in-aspnet-web-api

Answer 2

Tony我的项目中多次发生此错误，并成功解决了该错误。 因此，如果您仔细查看错误，它会说

“参数字典包含参数提供一个空条目‘System.Boolean’非空类型的‘通’的方法” System.Threading.Tasks.Task`1 [System.Web.Mvc.JsonResult] PersonalityEvaluation（System.String，布尔）”中的“ TechAcademyLMS.Controllers.RegistrationController”。 可选参数必须是引用类型，可为空的类型，或者必须声明为可选参数。 参数名称：参数'

说明：

我假设您具有如下的PersonalityEvaluation（）参数：

PersonalityEvaluation（String somename，Bool somename）

因此错误表明，我们正在将null值传递给bool参数，但同时我们将其指定为非null类型。

注意：无论是从简单视图操作链接还是从ajax javascript发送参数的地方，错误都将保持不变。

解：

您可以将参数设置为可空类型，如下所示：

PersonalityEvaluation（String somename，Bool？somename）

或确保您始终发送不带null的参数，以使其成为可空类型。 对于字符串，我们不必担心它已经是可为null的类型。所以没问题.. :)

希望以上信息对您有所帮助，请让我知道您的想法或反馈

谢谢

KARTHIK