728x90
반응형
1️⃣ html form태그에 action을 지운다.
> onsubmit="return false;" 을 적어준 이유 : 폼체크 후 input내 내용이 삭제되지 않게 하기 위함임! (참고링크)
2️⃣ if문으로 폼태그의 정보를 확인한다.
3️⃣ form 프로퍼티를 활용하여 값을 준다.
form.action = 'http://www.naver.com';
form.mothod = 'GET';
form.submit();| form 프로퍼티 | |
| action | form데이터를 보낼 곳 |
| elements | 폼 안에 있는 요소를 선택할 때 사용함 설명 |
| enctype | application/x-www-form-urlencoded 기본값으로, 모든 문자들은 서버로 보내기 전에 인코딩됨을 명시함. multipart/form-data 모든 문자를 인코딩하지 않음을 명시함. 이 방식은 <form> 요소가 파일이나 이미지를 서버로 전송할 때 주로 사용함. text/plain 공백 문자(space)는 "+" 기호로 변환하지만, 나머지 문자는 모두 인코딩되지 않음을 명시함. |
| length | document.forms.length => form이 몇개가 있는지 확인 할 수 있음 |
| method | 폼의 메서드 방식 (POST/GET) |
| name | 폼의 이름 |
| target | _blank|_self|_parent|_top|프레임 이름 |
| form 메서드 | |
| reset() | 양식을 초기 상태로 재설정합니다. |
| submit() | 서버에 양식을 제출합니다. |
728x90
반응형