[Web] form tag submit disable / onSubmit

form tag는 기본적으로 input type='submit' 태그를 사용하여, form tag의 action attribute에 정의된 페이지로 이동한다

필자는 이것을 ajax(axios)로 하여, 페이지 이동을 발생시키지 않으려 한다

방법은 간단했다

jQuery에서는 아래와 같은 방법을 제공하나,

$('form').submit(false)

npm 개발환경에서는 jQuery를 사용하는 것은 낭비처럼 느껴진다

input submit tag 대신 button tag를 사용해도 문제는 같았다

솔루션은 아래 링크에 있었다

https://stackoverflow.com/a/39959351

button tag에 type attr를 명시하지 않을경우, form tag 안에서는 기본값으로 type='submit'이 세팅되는듯 하다

그래서 button tag에 type='button'과 onclick=func를 정의해주면 원하는대로 동작시킬 수 있었다

필자는 react를 사용하고 있으므로 onclick 대신 onClick={this.func} 가 되겠다.

---

form element의 onSubmit attribute을 통해 submit function을 re-define 할 수 있다