带有spin.js的jQuery submit(）是否阻止表单提交

jQuery submit() with spin.js is preventing form from submitting?

本文关键字：是否 表单提交 submit spin js jQuery 带有      更新时间：2023-09-26

我有一个表单提交得很好，但当我添加jQuery代码来显示使用spin.js加载的div时，一切都停止了。

<form id="search_form" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>" method="POST">
<!-- Form inputs here -->
...
<input id="exam_search" type="submit" name="submit" value="Search" />

一旦我添加了以下代码，表单就会停止提交，什么也不会发生。加载div显示了一小段时间，然后像预期的那样消失了，但看起来表单实际上不再提交了。

var opts = // Array of options 
var spinner = null;
$("#search_form").submit(function() {
    spinner_div = document.getElementById('spinner');
    if(spinner == null) {
        spinner = new Spinner(opts).spin(spinner_div);
        $("#search_results, #query").css({"opacity": "0.75"});
        $("#search_form :input").attr("disabled", true);
    } else {
        spinner.spin(spinner_div);
        $("#search_results, #query").css({"opacity": "0.75"});
        $("#search_form :input").attr("disabled", true);
    }
});

如果我将提交事件中的所有代码更改为：

$("#search_form").submit(function() {
    alert ("form submitted");
});

它显示警报，然后返回表单提交的结果。

我在这里做错了什么？

编辑我在submit((的jQuery文档中看到，我不应该在输入字段上使用名称"submit"。我也尝试过改变，但没有成功。

我不知道为什么，但简单地做这件事就奏效了：

$("#search_form").submit(function() {
    var spinner_div = document.getElementById('spinner');
    var spinner = new Spinner(opts);
    spinner.spin(spinner_div);
});
相关文章：