Как я могу предотвратить jQuery slideUp до заполнения формы?

Question

У меня возникли некоторые проблемы с переопределением формы jQuery, я установил необходимые значения для ввода, но когда я нажимаю на кнопку отправки с пустыми значениями, jQuery по-прежнему запускает анимацию сдвига. Есть ли способ обойти это?

Спасибо!

    //form slide
    $("#button").click(function () {
    $("#main-form").slideUp("slow");
    });

    $("#slide-down").click(function () {
    $("#main-form").slideDown("slow");
    });

    //hide arrow
    $("#slide-down").hide();

   //show arrow on submit
   $("#button").click(function () {
   $("#slide-down").fadeIn(500);
   });

Answer 1

Похоже, вы хотите, чтобы ваши анимации происходили при отправке, а не при нажатии кнопки. Измените ваш слушатель на что-то вроде этого:

$("form").on("submit", function(){
 // Your animation goes here
})

Современные браузеры должны обнаруживать пропущенные обязательные данные и предотвращать отправку формы.