显示弹出错误信息

【问题标题】：Displaying pop up error message显示弹出错误信息
【发布时间】：2017-03-08 12:44:17
【问题描述】：

我有一个项目需要改进给定的网站。在登录页面中，我有两个字段（用户名和密码），如果用户输入了错误的凭据，我想在弹出窗口中显示一条错误消息。想在 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>' ;
}

【问题讨论】：

insted of echo use alert("Something")
@LazyDeveloper 我认为那是 PHP 代码。所以echo 工作正常，alert 不行。
哦，那么您需要添加脚本标签并显示警报 ex：echo ''

标签： javascript php html popup message

【解决方案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>";
    }
}
?>

【讨论】：