Блог

Я пытаюсь воспроизвести функцию публикации отзыва, которую вы видите здесь, в stackoverflow, но я борюсь с необходимостью двух кликов для отправки части этого. Мои поиски вернули множество проблем с проверкой, но ничего не имеют отношения к тому, что я ищу.

У меня есть стандартная форма:

 <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
  });
});
 

Как я могу сделать так, чтобы при нажатии кнопки отправки она переходила к привязке, а затем при следующем нажатии отправляла форму? Я также хотел бы изменить значение с review на submit, но я уверен, что смогу разобраться с этой частью после получения ответа на первоначальный вопрос.

Живой пример того, что у меня есть, можно найти здесь, в CodePen

Используя переменную внутри вашей функции, вы можете переключать переменную с 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
    }
  });
});