외부에서 양식 객체 가져 오기 <form> 태그

태그 내부의 제출 버튼에서 양식 객체를 전달하는 대신 외부 JavaScript 함수에서 양식 객체를 가져 오려고합니다.외부에서 양식 객체 가져 오기 <form> 태그

는

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

은 일반적으로 그냥 "submitFunction (this.form)"의 onclick = 거기에 버튼을 둘 것입니다 그러나 지금, 내 자바 스크립트 함수에 전달하기 : 그래서 예를 들면

은 내 양식은 말할 수 그 모든 양식 데이터를 외부 함수에서 가져올 수 있기를 원하지만 분명히 "this.form"은 양식 태그 외부에서 작동하지 않습니다.

아마도 내가 간과하는이 간단한 방법이 있을까요?

감사

출처

2010-08-10 themerlinproject

따로 : 양식 제출을 잡기 위해 'onclick'버튼을 사용하지 마십시오. 일부 * 경우에는 양식에서 Enter 키를 눌러 버튼을 클릭하지 않고 제출할 수 있습니다. 대신 폼 요소 자체에'onsubmit'을 사용하십시오. – bobince

사용 getElementById

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

출처

2010-08-10 05:35:24

이것은 완벽하게 작동합니다. – themerlinproject

그리고 jQuery를 전력이 온다 ...

$ ('#의 유치원 1') ...

$ ('# 유치원 1 입력 ') ...

$ ('# form1 '). 제출 (function() {$ (this) ...}

출처

2010-08-10 05:35:29

그가 자바 스크립트를 찾고 있다고 생각합니다. –

document.getElementById()를 가져 오는 데 필요한 입력의 2/3를 줄이기 위해 JS의 로딩 킬로바이트의 완전한 힘이 있습니다. 당신이 JS에 대해 상대적으로 의미있는 일을하지 않고 적어도 jQuery를 사용하기 위해 리팩터링하기를 원하지 않는다면 정말 가치가 없습니다. – Quentin

@June R : jQuery **는 ** 자바 스크립트입니다. – Quentin

submitFunction(document.getElementById("form1"))

출처

2010-08-10 05:35:37 jtbandes

외부에서 양식 객체 가져 오기 <form> 태그

답변

관련 문제