[JSP] input onclick confirm구현하기 (초기화 버튼)

hi·2022년 2월 13일
0

초기화 버튼을 누르면
다시쓰기를 하시겠습니까? 라는 confirm을 띄우고
확인 👉 수정 전 상태로 초기화 + 선수 이름 드래그(블록) 설정

<div>
  <input type="button" value="수정" onclick="check();">
  <input type="button" value="초기화" onclick="rtn();"></input>
</div>

onclick="" 속성에 실행할 함수를 적어주고

<script>
	function rtn(){
		if(confirm("다시쓰기를 하시겠습니까?")){
			f.reset();                 //페이지 초기화
			f.player_name.select();    //이름 블록
		} else return;
	}
</script>

.
.
.
<form action="updatePro.jsp" name="f" method="post">
<table>
	<tr>
    	<th>이름</th>
    	<td><input type="text" name="player_name" value="<%=player_name%>" size="25"></td>
  </tr>
	</table>
</form>

body 밖에서 코드를 작성해주면


성공 !!!!!

🔎 그 외

<div>
  <input type="button" value="초기화" onclick="if(!confirm("초기화 고?")){return false}"></input>
</div>

이렇게 안에서 바로 작성해도 되지만
코드가 길어지면 지저분해진다

🔎 실패 요소들


<script>
	funtion return(){
    
    }
</script>
.
.
.
<div>
  <input type="button" value="초기화" onclick="return();"></input>
</div>

👆 함수명을 return으로 작성했는데 기존에 있는 명령어라서? 안 됨 마찬가지로 confirm으로 해도? 당연함 안 됨



<script>
	function rtn(){
		if(confirm("다시쓰기를 하시겠습니까?")){
			reset();                
			f.player_name.select();  
		} else return;
	}
</script>

👆 reset(); 앞에 f. 를 적지 않아서 안 됨





갈 길이 멀다...

0개의 댓글