<form>으로 데이터를 전달하는 방법은 2가지가 있다
첫번째 방법 (<input type='submit'>, <form action='' method=''> 활용)
1. <form>에 action을 지정
2. [type='submit']에 inline으로 onclick = "return 함수();" 지정
*함수()의 결과를 true 또는 false로 받고 true면 submit 실행, false면 아무 행동도 하지 않고 현재 페이지에 머뭄
3. onclick에서 true를 리턴하면 이 결과를 <form>이 가지고 action에 지정된 url로 이동
두번째 방법 (<input type='submit'>를 쓰지 않고 submit() 함수 활용)
1. <form>에 action, method 지정하지 않고 대신 id값을 지정
2. [type='submit'] 대신 [type='button']을 지정
3. [type='button']에 onclick = "return 함수();" 지정
4. 정규식을 체크하고 만약 모두 true를 리턴한 상태면 <form>의 id값을 가져온다
5. <form>의 action, method를 지정하고 submit() 함수 실행
'Frontend > JavaScrpit' 카테고리의 다른 글
변수형태 함수 vs 함수 (0) | 2021.04.06 |
---|---|
Modal, @Keyframs (0) | 2021.04.02 |
Inline 형태 호출 (0) | 2021.03.31 |
window.addEventListener() (0) | 2021.03.25 |
Event handler (0) | 2021.03.24 |