Php 在动态CSS下拉列表中显示错误消息

Php 在动态CSS下拉列表中显示错误消息,php,jquery,css,Php,Jquery,Css,我有一个类似Twitter的登录下拉列表。你可以在这里查看 目前,我正在使用JQuery验证插件检查用户名/密码字段是否在单击提交之前输入。我想要的是,如果用户输入了错误的用户名/密码,则错误登录消息应该出现在下拉列表中的密码字段下,而不会再次重新加载整个页面 但当用户输入正确的用户名/密码时,页面将刷新,“登录”现在将替换为用户输入的用户名(这也将是一个下拉列表,带有控制面板、注销选项等) 有人能帮我解决这个问题吗?如何在jQuery中实现这一点 编辑: 下面是下拉代码 <

我有一个类似Twitter的登录下拉列表。你可以在这里查看

目前,我正在使用JQuery验证插件检查用户名/密码字段是否在单击提交之前输入。我想要的是,如果用户输入了错误的用户名/密码,则错误登录消息应该出现在下拉列表中的密码字段下,而不会再次重新加载整个页面

但当用户输入正确的用户名/密码时,页面将刷新,“登录”现在将替换为用户输入的用户名(这也将是一个下拉列表,带有控制面板、注销选项等)

有人能帮我解决这个问题吗?如何在jQuery中实现这一点

编辑:

下面是下拉代码

        <fieldset id="signin_menu">
              <form method="post" id="signin" action="index3.php">
                  <label for="username">Username or email</label>
                   <input id="username" name="username" value="" title="username" class = "required" tabindex="4" type="text">
              </p>
              <p>
                <label for="password">Password</label>

                <input id="password" name="password" value="" title="password" tabindex="5" class="required" type="password">
              </p>
              <p class="remember">
                <input id="signin_submit" value="Sign in" tabindex="6" type="submit" name="user_login">
                <input id="remember" name="remember_me" value="1" tabindex="7" type="checkbox">
                <label for="remember">Remember me</label>
              </p>
              <p class="forgot"> <a href="#" id="resend_password_link">Forgot your password?</a> </p>

              <p class="forgot-username"> <A id=forgot_username_link title="If you remember your password, try logging in with your email"  href="#">Forgot your username?</A> </p>
            </form>
          </fieldset> 

用户名或电子邮件

密码

记得我吗

我希望,当用户输入无效的用户名/密码时,此下拉列表中会显示一条错误消息,这样您就可以在两个输入字段中添加一个“必需”类,然后钩住如下代码:

var $form = $("#signin");
$form.validate();
$form.submit(function() {
if (!$form.valid()) {
    return false;
}});

你不可能通过浏览所有的网站来修复问题。你只在这里发布相关代码怎么样谢谢!但如果用户输入了错误的用户名/密码,我该如何处理。我希望错误消息在下拉列表中。无需重新加载页面,但如果用户名/密码正确,页面将在用户登录后重新加载。您需要使用表单数据进行ajax调用,并在凭据有效与否时获得答案。您可能需要查看$.ajax或$.post。另外,据我记忆所及,jQueryValidate有一些ajax API,但我没有机会研究它。