728x90
현상 ?
form 태그 안에 어떤 태그든지(input, button ..) type="submit"이 있던 없던
submit은 서버랑 통신하는 태그라서 버튼 누르면 무조건 서버로 데이터가 넘어간다.
예를 들어서, js 또는 @valid를 사용하여 유효성 검사를 하고 싶을 시 무조건 서버로 데이터가 넘어가지 않도록 제어를 해주어야 한다.
그렇다면 어떤 코드를 써서 제어를 해주어야 할까 ?
해결 ! - JS
1. <HTML> - onsubmit="return false" 추가
<form action="" method="" id="" onsubmit="return false">
<button type="submit" id="" class=""></button>
</form>
2. <JS> - form.submit(); 추가
서버로 데이터를 넘기고 싶은 부분의 코드에 form.submit(); 추가
728x90
'FRONT' 카테고리의 다른 글
| [Html] <button /> 버튼에 링크걸기 (0) | 2022.06.16 |
|---|---|
| [CSS] 클래스 중복 사용으로 인한 불필요한 화면 지우기 (0) | 2022.06.16 |
| [JavaScript 자바스크립트] 회원가입 약관동의 "자세히" 창 나타내기 (0) | 2022.06.16 |
| [JavaScript 자바스크립트] 회원가입 약관동의 (0) | 2022.06.15 |
| [Ajax] 이메일 중복확인 (0) | 2022.06.15 |