jquery form submit 시에 이벤트 적용

Jquery를 사용한 화면 개발시에 

특정 form에서 submit이 실행되었을 때 특정한 로직을 추가해야 할 경우가 발상합니다.

그런 상황에는 아래와 같이 Jquery 의 .submit() 함수를 이용하여 해당 내용을 구현할 수 

있습니다.

 

<script type="text/javascript">
$(function(){
    $("#testFrm").submit(function(event){
        $("#testFrm input[name=mobilePhone]").val('010-1234-1235');
        return true;
    });
});
</script>
<form id="testFrm" name="testFrm" action="" method="post">
<input type="hidden" name="mobilePhone" value="" />
<input type="submit" id="submitBtn" value="submit">
</form>

예를 들어 설명하기 위하여 간단한 소스로 구성해 보았습니다.

testFrm이라는 ID를 가진 form이 submit 될때 휴대폰 번호를 셋팅하는

로직이 실행되는 내용입니다.

즐거운 프로그램 되세요~~