在填寫表格之前，如何防止 jQuery slideUp？

Question

我在使用 jQuery 覆蓋我的表單時遇到了一些問題，我將輸入設置為必需，但是當我單擊帶有空輸入的提交時，jQuery 仍將啟動滑動 animation。 有沒有解決的辦法？

謝謝！

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

現代瀏覽器應該檢測丟失的必需輸入並阻止表單提交。