我使用 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 经验的人可以提供一点帮助吗?
最佳答案
我对你的代码很困惑。如果您试图在用户提交表单时显示这些消息,您的 jquery 应该看起来更像:
$(document).ready(function() {
$('#submitbuttonid').click(function(){
$('.loadsistem').fadeOut("fast");
});
});
#submitbuttonid 是表单上提交按钮的 ID。另外,我没有在你的代码中看到对话框类,所以我删除了调用它的 fadeOut 函数。我会尝试这个,看看它是否有效,然后从那里开始。希望这可以帮助。
关于javascript - 尝试在使用 jQuery 提交内容时显示消息框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23038402/