HTML 서식의 리셋 기능

March 20, 2014 12:50 AM

사용자가 입력한 값을 AJAX로 전송하고 UI가 사라진 후 다시 그 UI에 접근하면 종종 이전에 입력한 값을 지워주곤 한다. 지금까지는 $('[name=comment]').val(''); 이런 식으로 일일이 초기화 구문을 넣어 줬었다. 서식이 복잡하고 라디오 버튼이나 체크박스 같은 것이라도 있으면 꽤나 번거로운 일이다. 서식마다 코드도 다 다르고 말이다.

오늘 다른 내용을 찾아보다가 <input type="reset">이 있었다는 사실을 기억해냈다. 구구절절 서식을 초기화 해줄 필요 없이 $('#my-form').get(0).reset(); 해버리면 된다. 왜 존재하는지 알 수 없었던 기능을 이렇게 유용하게 쓸 수 있다니... 나만 몰랐던 건가?

게다가 이놈은 hidden 필드는 초기화 하지 않는다. 폼 밖에서 취한 액션과 폼 안에서 취한 액션을 구분할 수 있다는 말...아름답다.

Comments

  • 밀로즈 2014-03-20 06:03

    아... 아름답네요. 하나 배우고 갑니다. 감사합니다 /ㅅ/

  • kiel 2014-03-21 10:03

    오.. 좋군요.
    역시 좋은 생각은 남들도 다 하는 법인가 보네요.

  • dase 2014-07-30 10:07

    잘보고 배워 갑니다.

Post a comment

:

: 공개 되지 않습니다. Gravatar를 표시 합니다.

:

: HTML 태그를 사용할 수 없습니다.