javascript - 尝试在使用 jQuery 提交内容时显示消息框

Question

我使用 CSS 来显示错误和成功消息，如下所示:

我的 html 和 php:

echo '<span class="ms sucess">Sucess</span>';
echo '<span class="ms error">Error.</span>';

我的 css 用于格式化消息:

.error{background:#ffa3a3 url(../ico/no.png) 7px no-repeat; border-color:#900; color:#900;}
.sucess{background:#A6FFBC url(../ico/ok.png) 7px no-repeat; border-color:#090; color:#090;}

然后我这样使用:

if($email == $result['email'] && $pass == $result['pass'])
        {
        $_SESSION['result'] = $result; 
        header('Location:'index.php');
        echo '<span class="ms no">Wrong password.</span>';
    }

它工作正常，

但现在我尝试在提交表单时使用 jQuery 和 ajax 加载器 gif 在中心框中显示消息，但我仍在开始学习 jQuery 并且我没有成功。

我正在尝试这样:

 if($email == $result['email'] && $pass == $result['pass'])
            {
            $_SESSION['result'] = $result; 
            header('Location:'index.php');
             echo '<div class="loadsistem">echo '<span class="ms no">Wrong password.</span>'<img src="img/loader.gif" /></div>';
        }

而且我有这个 jQuery:

document.getElementById('#loadsistem').ready(function() {
    $('.loadsistem').fadeOut("fast",function(){
        $('.dialog').fadeOut("fast");   
    }); 
});

有 jQuery 经验的人可以提供一点帮助吗？

Answer 1

我对你的代码很困惑。如果您试图在用户提交表单时显示这些消息，您的 jquery 应该看起来更像:

$(document).ready(function() {
    $('#submitbuttonid').click(function(){
       $('.loadsistem').fadeOut("fast");
    });     
});

#submitbuttonid 是表单上提交按钮的 ID。另外，我没有在你的代码中看到对话框类，所以我删除了调用它的 fadeOut 函数。我会尝试这个，看看它是否有效，然后从那里开始。希望这可以帮助。