onclick을 제출 형성

Question

나는이 양식을 가지고

시나리오

:

<form action="EditShippingInfo.asp" method="POST" id="frmShippingInfo"> 
    <!-- stuff --> 
    <input type="image" id="EditShippingInfo" onclick="javascript:checkShippingInfo(this.form);" src="/img/btn_save.gif" /> 
</form> 

checkShippingInfo 기능은 일부 입력 유효성 검사 컨트롤을 실행합니다.

function checkShippingInfo(form){ 
     /* runs validation controls */ 

     var data = setDataForAjax; 
     $.ajax({ 
      type: 'GET', 
      url: '/include/checkAddresses.asp', 
      data: data, 
      async: false, 
      success: function (m) { 
       if (m == 0) { 
        /* I want to run form.submit only if m=0 */ 
        form.submit(); 
       } 
       else { 
        /* otherways I display a message */ 
        alert(m); 
        return false; 
       } 
      } 
     }); 
    } 

을하지만 형태는 경우에도 m = 0, 어쨌든을 트리거 제출 결국 그것은 AJAX를 통해 서버 측 컨트롤을 실행!.

질문 난 단지 특정 조건 하에서 form.submit을 트리거 할

. input type="image"은 어떤 경우에도 제출을 트리거합니까?

Answer 1

사실

제출 입력에 onclick 이벤트는 항상 양식을 제출 트리거된다. 이 아닌 한 onclick 이벤트 핸들러는 FALSE을 명시 적으로 반환합니다.

이 후, 두 가지 중요한 세부 사항이 제 코드에 없습니다.

솔루션

1. onclick 이벤트 핸들러의 return 키워드.

   onclick="javascript:return checkShippingInfo(this.form);"

2. checkShippingInfo 함수의 값 return.

.

function checkShippingInfo(form) 
{ 
     /* do the validation control... */ 

     /* do the ajax call... */ 

     /* I prevent the form submit */ 
     return false; 
} 

Answer 2

function checkShippingInfo(form){ 
     /* runs validation controls */ 

     var data = setDataForAjax; 
     $.ajax({ 
      type: 'GET', 
      url: '/include/checkAddresses.asp', 
      data: data, 
      async: false, 
      success: function (m) { 
       if (parseInt(m) == 0) { //use parseInt here to get integer value 
        /* I want to run form.submit only if m=0 */ 
        form.submit(); 
       } 
       else { 
        /* otherways I display a message */ 
        alert(m); 
        return false; 
       } 
      } 
     }); 
    }