Javascript 在使用jquery发送AJAX请求之前，如何检查按钮是否被单击？

我有一个按钮，用户需要在提交表单之前单击该按钮，如下所示：

$('#chooseButton')
    .on(
        'click',
        function() {
    console.log("user had pressed the button");
    });

我有一个提交按钮，它是：

<button id="saveBtn" class="btn btn-success pull-right">Submit</button>

---

如果未单击该按钮，则会向我显示警报（“请选择所选内容”），但即使单击该按钮，也会向我显示相同的警报。它需要转到else。如果单击了part if按钮，但它不进入else。如果单击了part if按钮。如何处理此问题？

您可以定义一个

变量，并可以设置一个
布尔值来检测按钮的单击状态，如下所示

var chooseButtonClicked = false;

$('#chooseButton')
    .on(
        'click',
        function() {
    chooseButtonClicked = true;
    });

$("#saveBtn").click(function (e) {


    e.preventDefault();
    let allValid = true;
    $("form").each(function (index, form) {
        allValid = allValid && form.reportValidity();
    });

    if (!chooseButtonClicked ) {
        alert("please select the selection");
    } else if (allValid && chooseButtonClicked) {
        /*$.ajax({
          // ajax code to submit
        }); */
    } else {

    }

});

您可以定义一个
变量
，并可以设置一个
布尔值
来检测按钮点击状态，如下所示

var chooseButtonClicked = false;

$('#chooseButton')
    .on(
        'click',
        function() {
    chooseButtonClicked = true;
    });

$("#saveBtn").click(function (e) {


    e.preventDefault();
    let allValid = true;
    $("form").each(function (index, form) {
        allValid = allValid && form.reportValidity();
    });

    if (!chooseButtonClicked ) {
        alert("please select the selection");
    } else if (allValid && chooseButtonClicked) {
        /*$.ajax({
          // ajax code to submit
        }); */
    } else {

    }

});

创建一个标志变量，并在单击按钮时将其设置为真

var buttonClickFlag = false; 

$('#chooseButton')
.on(
    'click',
    function() {
     buttonClickFlag = true;
     console.log("user had pressed the button");
});

在AJAX调用之前，您可以检查变量'buttonClickFlag'的值。如果该值为true，则调用not
 创建一个标志变量，并在单击按钮时将其设置为真

var buttonClickFlag = false; 

$('#chooseButton')
.on(
    'click',
    function() {
     buttonClickFlag = true;
     console.log("user had pressed the button");
});

在AJAX调用之前，您可以检查变量'buttonClickFlag'的值。如果该值为true，则调用not
 定义一个布尔值并在单击时使其为真


var clicked=“false”
$（“#选择按钮”）
.在(
“点击”，
函数（）{
log（“用户按下了按钮”）；
单击=真；
});
$（“#saveBtn”）。单击（函数（e）{
e、 预防默认值（）；
让allValid=true；
$（“表格”）。每个函数（索引、表格）{
allValid=allValid&&form.reportValidity（）；
});
如果（！单击）{
警报（“请选择所选内容”）；
}else if（allValid&&jQuery（'chooseButton'）。数据（'clicked'））{
/*$.ajax({
//要提交的ajax代码
}); */
}否则{
}
});

点击
提交
定义一个布尔值并在单击时使其为真


var clicked=“false”
$（“#选择按钮”）
.在(
“点击”，
函数（）{
log（“用户按下了按钮”）；
单击=真；
});
$（“#saveBtn”）。单击（函数（e）{
e、 预防默认值（）；
让allValid=true；
$（“表格”）。每个函数（索引、表格）{
allValid=allValid&&form.reportValidity（）；
});
如果（！单击）{
警报（“请选择所选内容”）；
}else if（allValid&&jQuery（'chooseButton'）。数据（'clicked'））{
/*$.ajax({
//要提交的ajax代码
}); */
}否则{
}
});

点击
提交