Frontend/JavaScrpit

Submit()

필리힐리 2021. 4. 2. 12:08

<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