javascript - "Submit is not a function"在没有其他提交输入的动态创建表单中的 Firefox 错误

Question

在 Firefox 5 的错误控制台中(但在 IE 9 中没有)当我调用以下 javascript 函数(在外部脚本文件中)时出现错误“myForm.submit 不是一个函数”:

function go(url_go, arr_POST_vars, str_method) {
  var str_method = str_method || "POST";    // by default uses POST
  var myForm = document.createElement("form_redir");
  myForm.setAttribute("method", str_method);
  myForm.setAttribute("action", url_go);
  for (var key in arr_POST_vars) {
    var myInput = document.createElement("input");
    myInput.setAttribute("name", key);
    myInput.setAttribute("type", "hidden");
    myInput.setAttribute("value", arr_POST_vars[key]);
    myForm.appendChild(myInput);
  }
  document.body.appendChild(myForm);
  myForm.submit();
}

我页面上唯一的 HTML(在 HTML 正文标记之间)是以下行:

<button type='button' onClick='javascript:go("http://www.testsite.com/login.php", {userCode:"2487",password:"jon123"}, "POST");'>Go!</button>

我在 Google 上进行了大量搜索，我知道当有一个也名为“提交”的表单输入与表单的“submit()”函数名称发生冲突时，就会发生此错误。然而，这里不是这种情况。

这里的想法是在单击按钮时通过动态创建表单来导航并将 POST 值提交到特定的 url。它在 IE 中运行良好，但在 Firefox 中运行不正常。

我很茫然，我将不胜感激。

Answer 1

它是由您创建的元素类型引起的。 “form_redir”不是有效的 html 标签，因此它创建了一个元素，但它只有默认的 dom 方法。将其更改为“表单”即可。