需要点击两次才能提交表单 - JQuery（如 stackoverflow 复习问题）

Question

我正在尝试复制您在 Whosebug 上看到的评论 post 功能，但我正在努力解决需要点击两次才能提交其中一部分的问题。我的搜索返回了 validate 的多个问题，但与我正在寻找的内容完全不相关。

我有一个标准表格：

<form action="http://www.google.com/">
  <textarea name="text"></textarea>
  <input type="submit" name="review" value="Review" />
</form>

具有以下jQuery：

$(function(){
  $('form').submit(function(){
    $('html, body').animate({scrollTop : $(".Anchor").offset().top}, 300);
    return false; // to cancel form action
  });
});

我怎样才能让它在按下提交时转到锚点，然后在下一次按下时提交表单？我也想将评论的值更改为提交，但我确信在收到对初始问题的回复后我可以弄清楚这部分。

可以找到我所拥有的实时样本here on CodePen

Answer 1

通过在函数中使用变量，您可以在单击时将变量从 true 切换到 false。使用此方法，您可以操作任何您希望第二个操作位于 else 语句中的内容。

基于您提供的代码的示例：

$(function(){
  let hasUserReviewedTheForm = false;
  $('form').submit(function(){
    if(!hasUserReviewedTheForm) {
        $('html, body').animate({scrollTop : $(".Anchor").offset().top}, 300);
        //change the form name and change the variable value
        hasUserReviewedTheForm = true;
        return false; // to cancel form action
    }
    else {
      //Submit the form
    }
  });
});

需要点击两次才能提交表单 - JQuery（如 stackoverflow 复习问题）

Require two clicks to submit a form - JQuery (like stackoverflow review question)

javascript

forms

jquery

submit