单击按钮第一次显示警报,单击第二次执行代码

时间:2019-04-11 18:19:30

标签: javascript jquery click

我想向用户展示,当他们第一次单击按钮时,当在日期字段中选择一个值位于当前日期之前的警报。当他们出于充分的理由坚持这种选择时,我希望他们有第二次单击相同的按钮的机会,然后必须提交该值。

click事件是在函数中定义的:

$("#edit_date_btn").click(function(){
 // do something and save
}

在另一个功能中,比较被处理。基本代码是:

function edit_date_compare() {
....
if(usersDate < today)
 { //show alert
  return false; // needed for the first click so the input is not submitted
 }

我尝试了几种选择,例如依靠点击功能(第二次点击“返回真;”而不是“返回假;”),但似乎很难处理这种情况。任何想法如何使这一成功?可能是Javascript或jQuery。

1 个答案:

答案 0 :(得分:0)

使用count on the click function具有正确的想法。我怀疑您可能很难实现它。您需要一个单独的变量来跟踪点击次数。这是一个有效的小提琴:http://jsfiddle.net/zwmquxaL/

$(document).ready(function () {
    var clickCount = 0;

  $("#btnSave").click(function () {
    if (clickCount > 0) {
      AlertSave();
    } else {
        AlertFirst();
      clickCount++;
    }
  });
});

function AlertSave() {
  alert("Some code has been executed!");
}

function AlertFirst() {
  alert("Are you sure you want to perform this operation?");
}