CSS检查用户名

Question

我想在下面的这个例子中做。

我的问题是输入消息：“抱歉，该用户已经存在！请尝试其他用户名。”

我的支票采用我的表格。

if($username_check->rowCount() == 0){

        } else {
            $errors['username_error'] = "Sorry, such user already exists! Please try another username. ";
            $username = "";
        }
    }

如何在CSS的“个人信息...”中将错误消息放在顶部？我不要放在PHP上吗？我不认为。

这是我的HTML

<div class="contenair_reg">
            <span class="regtxtcolor"><i class="far fa-address-card"> Personal Information:</i></span>
                <div class='reg_content_container'>
                <p>Please use English letters and numbers in all field for registration before creating an account.</p>
                </div>  

你有个主意吗？ 谢谢

Answer 1

尝试一下：

<div class="contenair_reg">

    <?
      if (isset($errors) && count($errors) > 0) {
          echo "<ul class=\"errors\">";
          foreach ($errors as $type=>$message) {
              echo "<li>$message</li>";
          }
          echo "</ul>";
      }
     ?>

        <span class="regtxtcolor"><i class="far fa-address-card"> Personal Information:</i></span>
            <div class='reg_content_container'>
            <p>Please use English letters and numbers in all field for registration before creating an account.</p>
            </div> 

如果有任何错误，您的PHP代码会创建一个错误数组。此代码循环遍历该数组，并将每个错误消息作为项目符号输出。您可能需要使用CSS对其进行格式化，以使其变为红色等。