[JSP] input onclick confirm구현하기 (초기화 버튼)
초기화 버튼을 누르면
다시쓰기를 하시겠습니까? 라는 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>
이렇게 onclick="" 안에서 바로 작성해도 되지만
코드가 길어지면 지저분해진다
🔎 실패 요소들
<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.
를 적지 않아서 안 됨
Author And Source
이 문제에 관하여([JSP] input onclick confirm구현하기 (초기화 버튼)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@heyhighbyee/JSP-input-onclick-confirm구현하기-초기화-버튼저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)