javascript - 如何在 jquery 提交之前执行我的函数，直到验证正确

Question

这个问题已经有答案了:

How to call a JS function before a jquery button click(click through selector) (5 个回答)

已关闭 7 年前。

我想在单击按钮时调用JS函数，然后继续执行下面的jquery脚本

表格:

<form id="my_form">
  <button type="button" id="Bshift" onclick="return validation()">Clear</button>
</form>

纯JS函数:

function validation(){
    // this has to be executed  first
    // do something here..
}

Jquery:

$(document).ready(function(){
    $('#Bshift').click(function(){
    // this has to be executed  second after everything in the validation is correct.
    // do something here that would be to insert to sql for example.
    }
});

我想知道在 jquery 提交之前如何执行我的函数。

Answer 1

从按钮标记中删除 onclick 属性并检查单击函数内的验证

  <form id="my_form">
  <button type="button" id="Bshift">Clear</button>
</form>

从 validation() 函数返回 true 或 false

function validation(){

  return validationResult; // whether valid i.e. return true or if not valid return false

}

然后

  $('#Bshift').click(function(){
        var isValid=false;
        isValid = validation();
        // this has to be executed  second after everything in the validation is correct.
        if(isValid)
        {
         // do something here that would be to insert to sql for example.
        }
    });