javascript - 如果未选中复选框并且用户尝试继续，则动画

Question

这就是我目前所拥有的

$(document).on('click', '.signin', function() {
        if ($('#signinbox').prop('checked') == true) {
            window.location.href = '/api/login';
         }
}

<小时/>

我想要实现的目标:如果用户在未选中该框的情况下尝试登录，则会调用 animate.css 中的摇动动画来向他们提供反馈。

Answer 1

实际上，您似乎只需要一个条件。下面，我将复选框的 checked 属性状态转换为 bool 值，并据此执行所需的操作。特别是，如果登录 URL 已被选中，我只会导航到该 URL。仅当选中该复选框时才会点击 window.location.href 行。

注意，我还没有实际测试过这段代码，但这似乎是您正在寻找的内容的准系统结构。

$(document).on('click', '.signin', function() {
  const $signInBox = $('#signinbox');
  if (!$signInBox.prop('checked')) {
    return $signInBox.addClass('animated shake');
  } else 
    return window.location.href = '/api/login';
  }
});