2010-08-10 70 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"))