Question

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

我的HTML＆amp; 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 exprience的人可以提供一点帮助吗？

Answer 1

我对你的代码感到很困惑。如果您在用户提交表单时尝试显示这些消息，那么您的jquery应该更像：

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

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

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

1 个答案: