由于 JS 冲突，JavaScript 替代 HTML 提交按钮

Question

我创建了一个页面，在其中我在输入字段上使用了 JavaScript 验证器(使用来自 javascript-coder.com 的脚本)，但我不能使用我的来提交表单，因为它与函数冲突验证脚本正在使用。我当前的提交按钮:

<a href="" class="submit" onClick="this.form.submit();">Submit</a>

当我使用标准的 HTML 提交按钮时，脚本运行良好。有没有其他方法或功能可以在不与验证脚本冲突的情况下提交表单？我对 JS 没有足够的信心开始拆开验证脚本。

请帮忙，如果您需要任何其他信息，请询问。谢谢，

Answer 1

如果那是您的实际代码，则说明您错误地使用了 this 关键字。当从内联函数调用时，this 指的是被调用的元素，即 anchor 标记。 (有关详细信息，请参见此处:http://www.quirksmode.org/js/this.html。)据我所知，您需要从表单标签提交表单。

您应该使用的是以下之一:

document.getElementById('myForm').submit();
document.forms[0].submit();
document.getElementsByClassName('submit')[0].submit(); /* not IE8 compatible */

或者，如果您不能依赖您的元素具有 ID 标记，在页面上以已知顺序并且您需要 IE 兼容性，您可以继续“向上”搜索 DOM，直到找到按钮所在的表单，然后提交:

var parentelem = this.parentNode;
while (parentelem.nodeName.toLowerCase() != 'form') {
    parentelem = parentelem.parentNode;
    if (parentelem == null) { break; }
}
if (parentelem != null) {
    parentelem.submit()
}