javascript - Jquery フォームの検証 - 検証前にコードを実行しない方法

Question

いくつかの計算を含む小さなフォームを作成しました。これで、ボタン クリック イベントを使用して計算が行われます。

  $('a#check_var').click(function() {
    // the below call the form validation  
    $("#bet_cal_form").valid();
          <- My code here ->
  });

問題は、フォームの検証にエラーがない限り、コードを実行したくないということです。現在、エラー メッセージが表示されますが、コードも実行されます。

Answer 1

ifもちろん、ステートメントを使用してください。

if ($("#bet_cal_form").valid()) {
    // Stuff that should only be done if form is valid
}

Answer 2

リンクをキャンセルするには if が必要です。すべての ID は一意である必要があるため、セレクターに a は必要ありません。

$(function() {
  $("#check_var").on("click",function(e) {
    e.preventDefault();
    // the below call the form validation  
    if($("#bet_cal_form").valid()) {
      <- My code here ->
    }
  });
});