如何在弹出登录页面上显示错误?

时间:2016-09-06 13:07:08

标签: php html validation popup

我的PHP应用程序,用户必须在按下按钮后出现的弹出登录页面上登录。 登录按钮如下:

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav navbar-right main-nav">
        <li><a href="#intro">Intro</a></li>
        <li><a href="#services">Services</a></li>
        <li><a href="#team">Team</a></li>
        <li><a href="#pricing">Pricing</a></li>
        <li><a href="#modal1" data-toggle="modal" data-target="#modal1" class="btn btn-blue">Sign Up</a></li>
    </ul>
</div>

弹出式登录页面为

<div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content modal-popup">
            <a href="#" class="close-link"><i class="icon_close_alt2"></i></a>
            <br />
            <h3 class="white">Sign Up</h3>
            <?php if(validation_errors()){  ?>
                <div class="alert alert-danger">
            <?php echo validation_errors(); ?>
                </div>
            <?php } ?>

            <?php echo form_open('verifylogin/'); ?>
                <form class="popup-form" action="">
                    <input class="form-control form-white" placeholder="Username" name="username" type="text" autofocus  AutoComplete=off ><br />
                    <input class="form-control form-white" placeholder="Password" name="password" type="password"  autocomplete=off  value="">      
                    <button type="submit" class="btn btn-submit">Submit</button>
                </form>
        </div>
    </div>
</div>

当凭据失败时,仅当用户再次按下注册按钮而不是自己的时候才会显示错误消息。

1 个答案:

答案 0 :(得分:0)

如果没有当前代码的示例,很难说出您究竟在寻找什么。也许把它放入一个jsfiddle链接?听起来您希望在输入错误凭据时显示错误。你可以用一个简单的

来做到这一点
alert('Your error here');

如果登录失败,只需运行即可。您甚至可以获得想象力,并将用户输入的用户名设置为

alert('Wrong password for '+ u_name +'. Please try again');

还有其他方法可以产生错误,但似乎您正在寻找简单快捷的方法。