[JavaScript]Form태그와 자바스크립트 함수 사용 시 반응 없음 문제관련

2017. 2. 7. 15:08

Scenario: 아래와 같은코드에서 버튼까지 바르게 뜨나, 버튼을 누르면 자바스크립트 함수가 실행이 안됨. 삽질좀 하다가 폼을 빼버리니까 또 잘됨.

Solutions: 폼태그안에서 input 태그의 ip와 자바스크립트이 함수명이 같을 경우 오동작 하는 것이었음. 인풋태그 ip와 함수명은 다르게 만들것.

<샘플 소스코드 예시>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function btn_alert() {
alert("알람창!!");
}
function btn_confirm() {
var check = confirm("확인/취소 버튼");
if(check)
alert("확인버튼 클릭");
else
alert("취소 버튼 클릭");
}
function btn_prompt() {
var name = prompt("이름은?","Park");
if(name)
alert("이름은 "+name+" 입니다.")
else
alert("질문창 취소")
}
</script>
</head>
<body>
<form name='aa' id='b' method="post" action="cs">
<input type="button" value="버튼" onclick="javascript:alert('버튼클릭~')" name="btn_alert" ><br/>
<input type="button" value="알림창" onclick="btn_alert();" name="btn_confirm" /><br/>
<input type="button" value="확인창" onclick="btn_confirm();" name="btn_confirm"/><br/>
<input type="button" value="플롬프트창" onclick="btn_prompt();" name="btn_prompt" /><br/>
</form>
</body>
</html>

ps.예전에 오픈 Canlendar.js 소스를 사용한 적이 있엇는데, 마우스를 아무리 textedit 에 클릭해도 캘린더가 안뜬 적이 있었다. 화가 나서 결국 안썼었는데, 아마 비슷한 문제였지 않았나 싶다.

[jQuery]공부했던 기본 셀렉터 예제 모음 (0)	2017.02.14
[JavaScript]DOM객체 및 mouseover mouseout 을 활용하여 동적 버튼 만들기 (0)	2017.02.09
[JavaScript][펌]유용한 Array 메소드들 (0)	2017.02.07
[JavaScript]자바스크립트로 간단한 계산기 만들기. (0)	2017.02.07
[Web개발자되기][스크랩]사수가 없다는 분들에게 (0)	2017.01.18

안 평범한 개발자의 하루