JQuery-为什么不'；提交表格？

当下面的行

$（“#classList”）.submit（）时被命中，表单没有提交，JavaScript只是继续。我错过了什么？我在页面上使用JQuery mobile（这就是为什么表单上有一个
data ajax=“false”
属性，以防止ajax提交表单

<script>
    $(document).ready(function () {
        $("#filter").on("click", function () {
            if ($("#filter").val() == 'DONE') {
                $("#classList").submit();
            }
            $('#filterpanel').toggle();
            $("#filter").val(function (i, text) { return text == 'FILTER' ? 'DONE' : 'FILTER';});
       });
    });
</script>
<form id="classList" runat="server" data-ajax="false">
    <div class="search_field2">
        <input id="address" type="text" name="address" class="input12" runat="server" clientidmode="Static" data-role="none" />
        <span>
            <input name="submit" type="submit" value="" class="retina-sprite" data-role="none" /></span>
    </div>
    <div class="filter_box">
        <input id="filter" name="filter" type="button" value="FILTER" class="filter" data-role="none" />
    </div>
...
</form>


$（文档）.ready（函数（）{
$（“#过滤器”）。在（“单击”上，函数（）{
if（$（“#过滤器”）.val（）=='DONE'）{
$（“#类列表”）.submit（）；
}
$（“#过滤器面板”）.toggle（）；
$（“#filter”）.val（函数（i，text）{returntext=='filter'？'DONE'：'filter'；}）；
});
});
...
这是因为您有一个名为
submit
的输入元素，它会覆盖表单提交方法。将提交按钮名称从submit更改为其他名称，它应该可以工作

<form id="classList" runat="server" data-ajax="false">
    <div class="search_field2">
        <input id="address" type="text" name="address" class="input12" runat="server" clientidmode="Static" data-role="none" />
        <span>
            <input name="submits" type="submit" value="" class="retina-sprite" data-role="none" /></span>
    </div>
    <div class="filter_box">
        <input id="filter" name="filter" type="button" value="FILTER" class="filter" data-role="none" />
    </div>
...
</form>


...

演示：，
表单方法和操作在哪里？它是一个ASP.net表单。如果指定了操作属性，它将被忽略（页面将始终回发到自身）。如果忽略方法属性，它将被设置为method=“post”默认情况下，JavaScript正在查找表单，尽管你的问题让我怀疑这是否与ASP.NET为表单分配不同的ID有关，我会注意到这一点，正如预期的那样，表单ID保持为specifiedBrilliant，这就是答案谢谢！真不敢相信我从来没有遇到过这一点。我会在那里呆上一段时间的我们的。