JavaScriptでフォームをプログラムで送信する前に条件をチェックする方法

Question

条件が真である場合にのみ送信したいフォームがあります。しかし、私はプログラム的にしたい場合もあります。

手動でフォームを送信する際作品を以下に示します。

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

をプログラム的にフォームを送信するために作品を続いていますが、フォームを送信するための条件をチェックしません。

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

：

$('form').submit(); 

は、だから私はプログラム的にフォームを送信する前の状態をチェックするが、私は次のコードを使用する場合、それも $('form').submit();によって行われていたフォームを送信しないために次の操作を実行しようとしました

checkForTheCondition()はtrueまたはfalseのいずれかを返します。

フォームを送信する前に条件を確認する手動フォーム送信のように、プログラムでフォームを送信することはできますか？

Answer 1

あなたは、このようにそれを行うことができるはず：

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

編集：私は今、あなたの問題を理解すると思います。

$('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').submit();と送信ボタンコールcheckForTheCondition()のクリックを行います

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

：

私は、最も簡単な解決策はこれだろう実現。楽しい！

Answer 2

条件にtrue/falseが返された場合は、コードが正常に動作するはずです。状態の失敗時にメッセージを警告する場合は、これを試すことができます。

$(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.");  
};