javascript $(document).on("click" とonclickイベントで優先度を決める

Question

いつもお世話になっております。

現在以下のようにbuttonに対してidとonclickを書いています。
この場合script中の2つのイベントが呼ばれるのですが、onclickイベントの戻り値を優先して判定し、falseだった場合
$(document).on("click", ".xxx_btn", function()
は呼ばないというようにすることは可能でしょうか。

$(document).on("click", ".xxx_btn", function()
は基本いろいろなところで呼ばれるもので、とあるボタンだけ、onclickイベントで制御し、on("click"を呼びたくないと考えています。

参考になるサイトでも構いませんのご教示いただけますと幸いです。
よろしくお願いいたします。

<%= f.submit '送信', id: 'xxx_btn', onclick: "return send_yyy()" %>

<script>

$(document).on("click", ".xxx_btn", function(){
　　//いろいろ処理
});

function send_yyy() {
　//いろいろ処理
  if (条件) {
      return true;
    } else {
      return false;
    }
]

</script>

Comments

[m.ts10806]

タグ「HTML」のみで、サーバーサイド関係ないのでしたらテンプレートエンジンのコードをそのまま提示するのではなくブラウザに表示されたhtmlを提示してください。

[dameo]

タグに「Ruby on Rails」と「jQuery」つけた方がいいかと思います。

Answer 1

即興で思いついたのがonclick中でsend_yyyを実行してifでtrueだったら処理を実行みたいなやつですかね。

$(document).on("click", "input", function(){
  if(aiueo()===true){
    alert('aiueo');
  }
});

function aiueo(ok) {
  if(0===0){
    return true;
  } else {
    return false;
  }
}

Comments

[kyoya0819]

サンプル
https://codepen.io/asuchi0819/pen/VwwNqgB?editors=1010

[lyzmfeqpxs54]

ご回答ありがとうございます。

ご教示板ただいた方法で進めてみようと思います。