Question

我想在使用回车键或提交（/按钮）时显示div。我试过了：

$("#inputfield").submit( function () {
$("#div").show();
});

它不起作用，我不明白为什么。我用谷歌搜索，但我找不到合适的解决方案。帮助将不胜感激。

Answer 1

输入字段不会发出提交事件。您需要将输入包装在form中并将submit事件附加到该{。然后它就像你想要的那样工作，只要你记得return false以阻止表格实际提交。

Answer 2

我确定您的所有input字段都包含在form标记内。按Enter键或通过提交按钮提交表单不会触发输入时的submit事件，当您按Enter键时，或在提交按钮上，而不是form元素上。因此，您需要检查submit元素上的form事件。

此外，在表单提交上显示div不会有太大帮助，因为默认操作是重定向，因此您需要通过执行return false;来阻止默认操作。如果您希望保持同一页面并显示div，但同时仍然提交表单数据，您可以使用$.post

通过ajax执行此操作

$("form").submit( function () {
    $("#div").show();
    $.post('some_url_to_submit_to.php',$(this).serialize(), function(data){
        //some action to take on success... but not necessary
    })
    return false; // to prevent the form from redirecting to a new page
});

Answer 3

根据.submit的文档：

当用户尝试提交表单时，会将提交事件发送给元素。

因此，您希望在表单中包含inputfield并绑定函数，如下所示：

$("#myForm").submit( ...

我可以使用.submit作为函数吗？

3 个答案: