如何用JavaScript可靠地提交超文本标记语言表单？
有没有一种方法可以用JavaScript提交一个在所有情况下都能工作的超文本标记语言表单？
我会详细说明。常见的方法似乎是：
formElement.submit()这一切都很好，除了一件事。表单的字段可用作formElement的属性，因此，如果有一个字段的名称为或id为"text1"，则可以将其作为formElement.text1进行访问。
这意味着如果一个元素被称为"submit“(不管是它的名称还是它的id)，那么formElement.submit()将无法工作。这是因为formElement.submit不是表单的方法，而是具有该名称的字段。不幸的是，submit按钮有一个"submit“名称或id是很常见的。
有两个例子来说明我的观点。首先，下面的代码将不起作用，因为表单的一个元素的名称为"submit"：
<form name="example" id="example" action="/">
<button type="button" name="submit" onclick="document.example.submit(); return false;">Submit</button>
</form>不过，下面的方法将会起作用。唯一的区别是我从表单中删除了名称"submit“：
<form name="example" id="example" action="/">
<button type="button" onclick="document.example.submit(); return false;">Submit</button>
</form>那么，有没有其他使用JavaScript提交表单的方法呢？
回答 7
Stack Overflow用户
发布于 2010-01-04 22:56:41
在JavaScript中创建另一个表单，并将其submit()方法应用于原始表单：
<html>
<script>
function hack() {
var form = document.createElement("form");
var myForm = document.example;
form.submit.apply(myForm);
}
</script>
<form name="example" id="example" method="get" action="">
<input type="hidden" value="43" name="hid">
<button
type="button"
name="submit"
onclick="hack();return false;"
>Submit</button>
</form>
</html>form.submit是对新鲜干净的提交方法的引用，然后使用apply(myForm)在原始表单中执行它。
Stack Overflow用户
发布于 2010-01-04 22:50:27
那么，有没有其他使用JavaScript提交表单的方法呢？
更新：采纳Jerome的建议(在本帖子的其他地方)。我将把这个答案留给历史关注，但它并不像Jerome的解决方案那样好或可靠。
下面的方法很难看，但很管用。
var x = document.forms.example;
var f = document.createElement('form');
f.action = x.action;
f.method = x.method;
f.enctype = x.enctype;
for (var i = 0; i < x.elements.length; i++) {
var el = x.elements[i];
if (el.name !== "submit") {
f.appendChild(el);
}
}
x.parentNode.replaceChild(f,x);
f.submit();Stack Overflow用户
发布于 2010-01-04 22:56:44
在Firefox中
formElement.constructor返回"HTMLFormElement“。因此，您可以使用以下命令提交表单：
HTMLFormElement.prototype.submit.call(formElement)您也可以将其扩展到其他浏览器：
formElement.constructor.prototype.submit.call(formElement)https://stackoverflow.com/questions/1999891
复制相似问题