Question

当用户通过点击事件jQuery显示的隐藏div登录我的网站时，我试图显示成功/错误消息。看起来像我尝试的一切，没有任何作用。已经一遍又一遍地搜索但无法找到解决方案。有什么帮助吗？

我目前的代码：

  $(document).on('submit', '#loginform',function(e){
    e.preventDefault();

    var formData = new FormData($(this)[0]);

    $.ajax({
      url: 'portal/login',
      type: 'POST',
      dataType:"json",
      data:formData,
      contentType: false,
      processData: false,
      success: function(data) {
            if(data.status == 1) {
                console.log(data.status);
                $('.login_result.success').show();

            } else {
                $('.login_result.error').show();
            }
        }
    });
});

$('.modaltrigger').on('click',function() {
    $('#loginmodal').fadeIn(500);
});

所以我使用Ajax来验证用户登录，然后在成功的时候我想淡出.login_result

修改

我的HTML代码：

<div id="loginmodal" style="display:none;">
<div id="placeHolder">
<div class="main_logo"><img src="images/logo.jpg"></div>
<form action="portal/login" method="post" class="login" name="loginform" id="loginform">
    <input id="user_email" name="user_email" placeholder="Email" type="text">
    <input id="user_password" name="user_password" placeholder="Senha" type="password">
    <button class="search_button login_button" name="admin_login">Entrar</button>
    <span><?php //echo $error; ?></span>
</form>
<div class="login_result success">Login Efetuado com sucesso, Redirecionando!</div>
<div class="login_result error">Login Inválido!</div>
</div>

Ajax Success显示通过jQuery显示div内的消息

0 个答案: