Jquery 如果提交了表格,则显示div

Jquery 如果提交了表格,则显示div,jquery,html,Jquery,Html,我有一个登录按钮,当你点击它时,会显示带有class.loginfields的div。当您登录时,我希望它也显示出来。我不知道该怎么做,多恩 <script type="text/javascript"> $(document).ready(function(){ if($("#login").submit()) { function(e) { $(".loginfields").show(); }}

我有一个登录按钮,当你点击它时,会显示带有class.loginfields的div。当您登录时,我希望它也显示出来。我不知道该怎么做,多恩

<script type="text/javascript">
    $(document).ready(function(){
        if($("#login").submit()) { function(e) {
             $(".loginfields").show();
        }}

        $(".loginfields").hide();
        $(".loginenable").show();

        $('.loginenable').click(function(){
           $(".loginfields").slideToggle();
        });
    });
</script>

<div class ="loginfields">
<form id="login" action="index.php" method="post"> 

$(文档).ready(函数(){
if($(“#login”).submit(){function(e){
$(“.loginfields”).show();
}}
$(“.loginfields”).hide();
$(“.loginenable”).show();
$('.loginenable')。单击(函数(){
$(“.loginfields”).slideToggle();
});
});

提前感谢。

您需要创建一个事件处理程序:

$('#login').on('submit', function() {
    $(".loginfields").show();
});

如果您希望表单提交是动态的,则需要查看以允许您在不重新加载页面的情况下提交论坛(并且需要将事件传递到函数中(您当前拥有的
(e)
),然后调用
e.preventDefault()
,以防止浏览器为您尝试此操作).

您需要创建一个事件处理程序:

$('#login').on('submit', function() {
    $(".loginfields").show();
});

如果您希望表单提交是动态的,则需要查看以允许您在不重新加载页面的情况下提交论坛(并且需要将事件传递到函数中(您当前拥有的
(e)
),然后调用
e.preventDefault()
,以防止浏览器为您尝试此操作).

您需要在表单的
submit
事件中显示div

$("#login").on("submit", function(e) {
    e.preventDefault(); // Stop submitting form
    $(".loginfields").show();
});

您需要在表单的
submit
事件中显示div

$("#login").on("submit", function(e) {
    e.preventDefault(); // Stop submitting form
    $(".loginfields").show();
});

当呈现页面标记时,您可能希望使用PHP适当地设置状态,但是,由于您没有显示任何PHP代码,因此很难帮助设置显示:PHP代码中的css?或者在php中复制整个.loginfield?这会导致代码重复。默认情况下,提交表单会重新加载页面,因此在此页面上使用javascript执行的任何操作都是无关的。您需要阻止提交的默认操作,通过,停止表单提交,或者切换到基于php的解决方案。使用php解决方案修复它,即使这不是最漂亮的解决方案。感谢您的帮助,您可能希望在呈现页面标记时使用PHP适当地设置状态,但是,由于您还没有显示任何PHP代码,这将很难帮助设置显示:PHP代码中的css?或者在php中复制整个.loginfield?这会导致代码重复。默认情况下,提交表单会重新加载页面,因此在此页面上使用javascript执行的任何操作都是无关的。您需要阻止提交的默认操作,通过,停止表单提交,或者切换到基于php的解决方案。使用php解决方案修复它,即使这不是最漂亮的解决方案。感谢您的帮助。提交时,此文件不会显示登录字段。它不应该在if/else语句中吗?它不必是动态的,当表单提交并重新加载页面(表单在同一页面上处理)时,它应该立即显示。这是一个事件处理程序。当您的
#login
表单收到其
submit
事件时,它将在
.loginfields
元素上调用
show()
。调用
$('#login').submit()
尝试在此处然后使用JavaScript提交表单。提交表单时,这不会显示login字段。它不应该在if/else语句中吗?它不必是动态的,当表单提交并重新加载页面(表单在同一页面上处理)时,它应该立即显示。这是一个事件处理程序。当您的
#login
表单收到其
submit
事件时,它将在
.loginfields
元素上调用
show()
。调用
$('#login').submit()
尝试在此处提交带有JavaScript的表单,然后单击。