javascript reset

JAVASCRIPT 2014. 6. 11. 14:58
728x90
반응형

이미지로 만든 버튼에(input type="image" src="abc.jpg" )
자바스크립으로 리셋기능을 주고싶은데..

어떻게 해야져?

function reset()
{
document.formname.reset();
}

제가 아는건 버튼에 onclick줘서 이렇게 주는건데 안돼네여.. ㅜㅜ

소스와 알기 쉽게 설명 부탁합니다..
내공 드려요 ^^

 

 

<input type="image" src="abc.jpg" onClick= "this.form.reset();return false;">

image버튼은 submit버튼 기능을 가지고 있지요.

그래서 클릭하면 submit 이벤트가 발생합니다.  submit 하면서 그림내에서 클릭한 마우스 포인터 좌표값 (x , y좌표값)을 함께 submit시켜서 이미지의 어느 영역을 클릭했는지를 서버에서 확인 할 수 있습니다.

 

다시 본론으로 돌아와서 reset()만 시키면 reset()메서드를 실행하고 자동적으로 submit 됩니다.

 

따라서 reset()메서드를 실행하고 return false 합니다.

false를 return 함으로써 submit을 취소하는 겁니다.

 

 

 

 

 

제가 테스트해본 소스인데요..
<script>
function aa()
{
document.f.reset();
}
</script>


<form name=f>
<input type=text name=1>
<input type=text name=2>
</form>
<img src="a.gif" onclick=aa();>

혹시 < form > 영역을 써주셨는지요...확인해보세용..

 

 

 

 

 

<form name=f>
<input type=text name=1>
<input type=text name=2>
<img src="a.gif" onclick="f.reset()">
</form>

728x90
반응형
블로그 이미지

nineDeveloper

안녕하세요 현직 개발자 입니다 ~ 빠르게 변화하는 세상에 뒤쳐지지 않도록 우리모두 열심히 공부합시다 ~! 개발공부는 넘나 재미있는 것~!

,