如何在填写表单之前阻止jQuery slideUp

Question

我在jQuery覆盖我的表单时遇到了一些问题，我将输入设置为必需，但当我用空输入点击提交时，jQuery仍然会启动slideup动画。有办法绕过这个吗？

谢谢！

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

现代浏览器应该检测丢失的必需输入并阻止表单提交。