显示弹出错误信息

Question

我有一个项目需要增强给定的网站。 在登录页面中，我有两个字段（用户名和密码），如果用户输入错误的凭据，我想在弹出窗口中显示错误消息。我想在javascript中做到这一点，到目前为止我的代码是：

if (isset($errors) && !empty($errors)) {
    echo '<p id="err_msg">Oops! There was a problem:<br>';
    foreach ($errors as $msg) { 
        echo " - $msg<br>"; 
    }
    echo 'Please try again or <a href="register.php">Register</a></p>' ;
}

Answer 1

您不需要javascript。 如果您执行验证服务器端，则可以保证内容是预期的。 您可以使用类似以下的内容。 然后设置超时以隐藏该框（如果需要）。

<?php 

$sError = '';
$sEmail = '';


// if email posted check/validate 
if(isset($_POST['Email']) && $_POST['Email'] != ''){
    if(valid_email($_POST['Email'])){
        $sEmail = $_POST['Email'];
    }else{
        $sError .= "[InvalidEmail]";
    }
}

// if email is blank after validation, add to error string
if($sEmail == '') $sError .= "[Email]";



// then print using php 
if($sError !== ''){

    if( strpos($sError, '[Email]') !== false ||
        strpos($sError, '[Password]' ) !== false
    ){
        echo"<div class=\"statusMessage alert alert-danger\" role=\"alert\"><ul>";

        if(strpos($sError, '[Email]') !== false){
            echo "<li>Please enter an email address</li>";
        }
        if(strpos($sError, '[InvalidEmail]') !== false){
            echo "<li>Email provided is invalid</li>";
        }

        echo "</ul></div>";
    }
}
?>