프로그래밍 방식으로 자바 스크립트에서 폼을 제출하기 전에 조건을 확인하는 방법

Question

조건이 true 인 경우에만 제출할 폼이 있습니다. 그러나 프로그래밍 방식으로 원하는 경우도 있습니다. (가) 프로그래밍 양식을 제출 작품에 따라

<input type="submit" value="submit" onclick="return checkForTheCondition();"/> 

하지만 양식을 제출하기위한 조건을 확인하지 않습니다 :

수동으로 양식을 제출할 때 작품에 따라.

$('form').submit(function() { 
    return checkForTheCondition(); 
}); 

:

$('form').submit(); 

그래서 나는 프로그래밍 양식을 제출하기 전에 상태를 확인하지만 난 다음 코드를 사용할 때조차 $('form').submit();에 의해 수행되고 있던 양식을 제출하지 않습니다에 대해 다음과 같은 작업을 수행하려

checkForTheCondition()은 true 또는 false을 반환합니다.

양식을 제출하기 전에 조건을 확인한 경우 수동 양식 제출과 마찬가지로 프로그래밍 방식으로 양식을 제출할 수 있습니까?

Answer 1

당신은이 방법을 수행 할 수 있어야합니다.

$('form').submit(function() { ... });을 호출해도 이벤트가 트리거되지 않습니다. 이 함수는 콜백이 아닙니다! 대신 함수를 제출 이벤트에 바인드합니다. 그래서 당신이 호출 할 때 :

$('form').submit(function() { 
    return checkForTheCondition(); 
}); 

당신은 이벤트를 트리거하지 않습니다이 다소 onclick="return checkForTheCondition();"과 동일 return checkForTheCondition();를 결합하지만 양식이 제출 될 때마다 호출 될 것이며,뿐만 아니라 제출하면 버튼이 insted 클릭 함.

<input type="submit" value="submit"> 
<script> 
    $(document).ready(function() { 
     $('form').submit(function() { 
      return checkForTheCondition(); 
     }); 
    }); 
</script> 

그런 다음 당신은 그냥 $('form').submit();를 호출 할 수 있습니다 및 checkForTheCondition()은 때마다 호출됩니다

나는 이런 식으로 할 것이다. jQuery에 대해 더 자세히 읽고 here을 제출할 수 있습니다. 다시 행운

편집 :

내가 가장 쉬운 해결책이 될 것이라고 실현 :

<form method="post" action="somepage" onsubmit="return checkForTheCondition();"> 
    <!-- Inputs --> 
    <input type="submit" value="submit"> 
</form> 

이 제출하기 전에 제출 버튼을 호출 checkForTheCondition()에 $('form').submit(); 및 클릭을 할 것입니다. 즐겨!

Answer 2

조건부로 true/false를 반환하면 코드가 작동해야합니다. 상태가 실패했을 때 어떤 메시지라도 알려주고 싶다면 이것을 시도 할 수 있습니다.

if (checkForTheCondition()) { 
    $('form').submit(); 
} 

편집 : 내가 지금 당신의 문제를 이해 생각

$(function(){ 
    $('form').submit(function() { 
     if(!checkForTheCondition()){ 
      //alert message here 
      return false;//This will stop the form from being submitted. 
     } 
     return true; 
    }); 
}); 

Answer 3

$('#my_form_id').submit(function() { 
    var my_value = checkForTheCondition(); 
    if(my_value == "some returned value"){ 
    return true; 
    } else { 
    alert("error in your submission"); 
    return false; 
    } 
}); 

Answer 4

if ($("#formID").submit()){ 
    alert("Handler for .submit() called.");  
};