如果表单提交显示div

时间:2014-01-19 10:39:19

标签: jquery html

我有一个登录按钮,当你点击它时,会显示带有.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"> 

提前致谢。

2 个答案:

答案 0 :(得分:2)

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

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

如果您希望自己的表单提交是动态的,则需要查看jQuery's ajax() method(s)以允许您在不重新加载页面的情况下提交论坛(并且您需要通过将事件放入函数(您当前拥有(e)),然后调用e.preventDefault()以阻止浏览器为您尝试此操作。)

答案 1 :(得分:2)

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

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