jquery - Formly jQuery フォーム プラグイン、エラー時に送信

Question

Formly ( http://thrivingkings.com/formly/ ) を実装するための指示に従いましたが、すべての検証はうまく機能します。検証後に送信を処理する JS コードを追加すると、フォームがフォームでエラーが発生した場合でもサーバー。「Faz」による Formly Web サイトのコメントを参照してください。何か案は？

ありがとう。

Answer 1

実際、Luvdubz と Faz は間違った方向に進んでいます。送信ボタンにイベントを添付するべきではありません。

<input name="typeform" onclick="submit('pdf_connexion2.php')" type="submit" value="Connexion">

Formly は実際に開発者のためにそれを行いました。ユーザーがフォームを正常に完了すると、つまり検証に合格すると、コールバック関数が正式に呼び出されます。コールバック関数内では、好きなことを行うことができます。

$('#ContactInfo').formly({'theme':'Dark'}, function(e){
   alert('Yay..validation has passed..do with me as you will!!');
   // basically you can put anything here to trigger the post
});

最も簡単な例はおそらく次のとおりです。

<form id="contactInfo">
  <input ... />  
  <input ... />
  <input ... />  
  <input type="submit" value="Sign up" />
  <input type="reset" value="Clear" /> 
</form>

<script>
  $(document).ready(function(){ 
    $('#contactInfo').formly({'theme':'Dark'}, function(e){
      $.post("sometarget.php", $("#contactInfo").serialize());
    });
  });
</script>