Jquery 提交在 Firefox 中不起作用，但在 chrome 中起作用

Question

我有一个带有许多隐藏输入字段的表单。我可以从我的表单中添加和删除这些隐藏字段。现在我的问题是我想通过 jquery 提交我的表单。提交代码是

$("#finish").bind('click',function(){
            console.debug("here");
    $(".userInfo").submit();
});

其中#finish 是提交表单的按钮的ID，.userInfo 是表单类。

直到我没有从表单中删除任何字段（即使我添加了更多隐藏字段），上面的代码都可以正常工作并提交表单。

但是当我删除这些隐藏字段中的一个或多个时，

$(".remo").remove();

然后点击完成按钮，上面的代码不会提交表单，只是在控制台上打印here。

编辑：这是来自

的fiddle

Form will not submit if .remove() is used?

但是我的按钮提交按钮已经有type=button

<button type="button" id="finish" class="btn btn-success btn-lg btn-block">Finish</button>

Answer 1

从此参考answer，要解决此问题，请将<button> 更改为<input> 以避免.remove() 问题。