2010-08-10 25 views
0

我想从外部JavaScript函数中获取表单对象,而不是从标签内部的提交按钮传递它。从外部获取表单对象<form>标签

因此,例如,可以说我的形式是:

<form id="form1"> 
//inputs... 
</form> 

通常我只想把一个按钮在那里的onClick =“submitFunction(this.form)”到现在不过传递给我的javascript函数,我希望能够从外部函数中获取所有形式的数据,但显然“this.form”不能在form标签之外工作。

有可能是一种简单的方法来做到这一点,我俯瞰?

感谢

+0

撇开:不要使用按钮'onclick'来捕捉表单提交。在* some *的情况下,在表单中按Enter键可以提交它,而不需要点击按钮。相反,在表单元素本身上使用'onsubmit'。 – bobince 2010-08-10 11:19:18

回答

3

使用getElementById

function submitForm(){ 
    your_form = document.getElementById('form1'); 
} 
+0

这工作完美,谢谢 – themerlinproject 2010-08-10 05:42:14

1

还有自带的jQuery的力量...

$( '#form1的')......

$('#Form1中输入')...

$('#form1')。submit(function(){$(this)...}

+1

我认为他正在寻找javascript – 2010-08-10 05:37:35

+0

加载千字节的JS的权力,以减少需要得到document.getElementById()所需的三分之二的键入。它真的不值得这样做,除非你用JS做了相当重要的事情,并且想重构它的至少一大块来使用jQuery。 – Quentin 2010-08-10 05:38:37

+0

@June R:jQuery **是** JavaScript。 – Quentin 2010-08-10 05:39:04

0
submitFunction(document.getElementById("form1"))