PHP逻辑检查调整CSS类失败-6ren

PHP逻辑检查调整CSS类失败

转载作者：行者123 更新时间：2023-11-28 04:25:00

我有一个简单的登录屏幕，它是一个粘性表单。当提交表单但输入字段留空时，我试图让登录框变成红色。我遇到了一些非常奇怪的行为，其中两个字段正确执行此操作，而其他字段似乎是随机的。左下方的照片显示了页面加载和提交被点击后发生的情况。右边的第二张照片显示了我输入一些详细信息后的“随机”行为——点击提交，然后返回并删除这些详细信息并重新提交。所有数据都存储在 php 全局变量中，即目前不是来自数据库。

 <!doctype html>


   <html>

     <head>
      <title>Sign Up Report</title>
      <meta charset= "utf-8">
      <link type="text/css" rel="stylesheet" href="login.css"> 
     </head> 
  <body>

     <?php
     $firstName = $_POST['firstName'];
     $lastName = $_POST['lastName'];
     $address = $_POST['address'];
     $city = $_POST['city'];
     $zip = $_POST['zip'];
     $email = $_POST['email'];
     $telephone = $_POST['telephone'];
     $presentForm = false;
     $user = $_POST['user'];
     $level = implode(", ",$_POST['level']);
     $subjects = implode(", ",$_POST['subject']);

     $required="";
     $userError = "" ;
     $levelError = "" ;
     $subjectsError = "" ;
     $errorMessage="";



     //check to see if the form has been submitted and that all the   required data is present if so then report success to user
     if(isset($_POST['submit'])) 
     {
       if (((!empty($firstName))) && ((!empty($lastName))) && ((!empty($address))) && ((!empty($city))) && ((!empty($email))) && ((!empty($telephone))) && ((!empty($zip))) && ((!empty($level))) && ((!empty($subjects)))) 
         {

     echo '<style> h1 {text-decoration: none; margin-left:20px;} #confirmation { background-color: white; border: solid black 2px; margin: 15px; background-image: url("../Images/tutorTeam.png")  } p {color:blue; margin-left: 10; padding:10px; } li { margin-left: 15px; } img { padding: 20px;}</style>';
     echo '<h1>Thank you ' . $firstName . ' for signing up!</h1>';
     echo '<div id="confirmation">';
     echo '<p>Please review the following details to ensure they are correct: </p>';
     echo '<li>You are a  <b>' . $user . '</b></li><br>';
     echo '<li>Your address is <b>' . $address . $city . $zip .'</b></li><br>';
     echo '<li>Your contact number is <b>' . $telephone . '</b></li><br>';
     echo '<li>Your email is <b>' . $email . '</b></li><br>';
     echo '<li>The subject(s) you selected- <b>' . $subjects . '</b></li><br>';
     echo '<li>Your tuition level(s) <b>' . $level . '</b></li>';
     echo '<a href="../index.html"><img src="../Images/confirm.png" id="return"></a>';
     echo '<a href="tutorSignUp.php"><img src="../Images/edit.png" id="return"></a>';
     echo '</div>';


     $presentForm = false;

      }else{


     $presentForm=true;
     $required = "req";
     $levelError = "level selection required" ;
     $subjectsError = "subject selection required" ;
     $errorMessage="Please enter the data that is missing to sign up";

          }
      }

      if(!isset($_POST['submit'])) 
      {
        $presentForm=true;
      }

        if($presentForm) 
         {
           ?> 
             <div id="container">

             <section id="top"> 

               <a href="../index.html">
                <img id="back" src="../images/back.png" height="40px">
               </a>

              <img id="logo" src="../images/tutorTeamLogo.png" height="40px"> 

             </section>


             <section id="main">

              <p><span class="error"><?php echo $errorMessage?></span> </p>  
              <p>Are you a tutor or customer? </p>

              <form  method="POST" action=" <?php echo  $_SERVER['PHP_SELF']; ?>" >

              <select name="user">
                <option value="Customer">Customer</option>
                <option value="Tutor">Tutor</option>
              </select>

                <p>Please complete to sign up.</p>

            <section id="details">

             <div class="tablerow">
               <p>First name:</p> 
               <p><input class="inputBox <?php if(empty($firstName) &&   (isset($_POST['submit']))) echo 'errorBox' ?> " type="text" name="firstName" value="<?php echo $firstName; ?>" ></p>

               <span class="error">* <?php echo $required;?></span>
             </div>

           <div class="tablerow">
            <p>Last name:</p>
            <p><input class="inputBox <?php if(empty($lastName) &&  (isset($_POST['submit']))) echo 'errorBox' ?> " type="text" name="lastName"  value="<?php echo $lastName; ?> "></p>

            <span class="error">* <?php echo $required;?></span>
          </div>

           <div class="tablerow">
            <p>Address:</p>    
            <p><input class="inputBox <?php if(empty($address) &&  (isset($_POST['submit']))) echo 'errorBox' ?> " type="text" name="address" value="<?php echo $address; ?> "></p>

            <span class="error">* <?php echo $required;?></span>
          </div>

          <div class="tablerow">
            <p>city: </p>      
            <p><input class="inputBox <?php if(empty($city) &&  (isset($_POST['submit']))) echo 'errorBox' ?> " type="text" name="city" value="<?php echo $city; ?> "></p>
            <span class="error">* <?php echo $required; ?></span>
          </div>

          <div class="tablerow">
            <p>Zip: </p>      
            <p> <input class="inputBox <?php if(empty($zip) &&  (isset($_POST['submit']))) echo 'errorBox' ?> " type="text" name="zip" value="<?php echo $zip; ?> "></p>

         <span class="error">* <?php echo $required; ?></span>
         </div>

         <div class="tablerow">
            <p>Telephone:</p>  
            <p><input class="inputBox <?php if(empty($telephone) &&  (isset($_POST['submit']))) echo 'errorBox' ?> " type="tel" name="telephone" value="<?php echo $telephone; ?> "></p>

           <span class="error">* <?php echo $required; ?></span>
        </div>

        <div class="tablerow">
          <p>Email:</p>  
          <p><input class="inputBox <?php if(empty($email) &&  (isset($_POST['submit']))) echo 'errorBox' ?> " type="text" name="email" value="<?php echo $email; ?>"></p>

          <span class="error">* <?php echo $required; ?></span>
         </div>

        </section>

       <img src="../Images/dubaiZones.png" id="dubaiMap">

       <p>Tutoring level <span class="error">* <?php echo $levelError;?>  </span>   </p>

         <input type="checkbox" name="level[]" value="Nursery" >Nursery<br>
         <input type="checkbox" name="level[]" value="Primary"  >Primary<br>
         <input type="checkbox" name="level[]" value="Secondary" >Secondary<br>
         <input type="checkbox" name="level[]" value="ALevel" >College/A Level       <br>
         <input type="checkbox" name="level[]" value="Undergraduate" >Undergraduate<br>
        <input type="checkbox" name="level[]" value="Postgraduate" >Postgraduate<br> 


      <p> Subject specialism(s)<span class="error">* <?php echo $subjectsError;?></span></p>

        <input type="checkbox" name ="subject[]" value="English">English<br>
        <input type="checkbox" name ="subject[]" value="Maths">Maths<br>
        <input type="checkbox" name ="subject[]" value="Physics">Physics<br>
        <input type="checkbox" name ="subject[]" value="Chemistry">Chemistry<br>
        <input type="checkbox" name ="subject[]" value="Biology">Biology<br>
        <input type="checkbox" name ="subject[]" value="History">History<br>
        <input type="checkbox" name ="subject[]" value="Geography">Geography<br>
        <input type="checkbox" name ="subject[]" value="Religious Studies">R.E.<br>
        <input type="checkbox" name ="subject[]" value="French">French<br>
        <input type="checkbox" name ="subject[]" value="German">German<br>
        <input type="checkbox" name ="subject[]" value="Spanish">Spanish<br>
        <input type="checkbox" name ="subject[]" value="Computing">Computing<br>
        <input type="checkbox" name ="subject[]" value="Business">Business<br>
        <input type="checkbox" name ="subject[]" value="Economics">Economics<br>
        <input type="checkbox" name ="subject[]" value="Classics">Classics<br>
        <input type="checkbox" name ="subject[]" value="Music">Music<br>
        <input type="checkbox" name ="subject[]" value="Art">Art<br>
        <input type="checkbox" name ="subject[]" value="Art">Languages<br>
        <br>

     <textarea id="textArea" name="comments" rows="10" cols="48">Additional Information...</textarea>
       <input type="submit" name="submit"  value="submit" id="submit">
   </form>

  </section>
     <br>
      <br>
       <br>

<footer> 
   <table id="tableContainer">
      <tr id="end">
        <td id="tableCell">Website design and coding provided by Technology in Learning 2016

        Copyright Technology in Learning <img id="til" src="../Images/company.png" height="12"  width="12">
        </td>
      </tr>
    </table>
   </footer>    
  </div>

 <?php
   }
 ?>

  </body>
</html>

这是供引用的CSS文件

#container {

background-image: url(..//Images/backgroundPic.jpg);
margin-left:auto;
margin-right:auto;
background-size: cover;
width: 1000px;
border-style: ridge;
border-width: 5px;
}

h1,h2 {
text-decoration: underline;

}

p {
font-weight: bold;
}


body { 

  font-family:      Arial, Helvetica, sans-serif;
  font-size:        medium; 
  background-color: #F1EBEB;

 }


/* Header */

#top{

 padding: 0px;
 margin: 0px;
 background-color: white;
 background-image: url(../images/tutorteam.png);
 height: 50px;
 width: 1000px;
 font-size:  1em;

 } 



 #top img  {
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;


}



#details{
display: table;
padding: 10px;

}

#details p{
display:table-cell;
vertical-align:top;
padding: 3px;

}
div.tablerow {
display:table-row

}

div.tablerow p:first-child {

text-align: right;
}


#logo {

float:right;
margin-left: 4px;
margin-top :2px;
}

#back
{
float: left;
margin-left: 40px;
margin-top: 2px;

}



#main {

 padding: 10px;
 margin-top: 20px;
 margin-left: 20px;
 margin-right: 20px;
 background-color: white;

}

#tableContainer {

position: absolute;
left:300px;
bottom:-350px;
display:table;
margin-left: auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
border-spacing:10px;
 font-size:  0.25em;


}

#footer {

display:table-row;

}

#tableCell {

  display: table-cell;
  vertical-align:  top;

}



#dubaiMap {

float: right;
position: relative;
right: 20px;
top: -200px;

}


#signUp {


margin-left: 110px;
margin-bottom: 100px;
border: 0px;
padding: 0px;
height: 90px;

}

#submit {

    float: right;
    position: relative;
    bottom: 60px;
    left: 420px;
    margin-left: 20px;

    background-color: #4CAF50; /* Green */
    border: 2px solid black;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;

}

textarea {

    float: right;
    position: relative;
    bottom: 250px;
    right: 175px;
    border: 3px solid #4CAF50;
    font-size: 14px
}

.error  {

color:red;
font-weight:normal;

}

input.errorBox{
    background-color: #FCD9D9;

}

最佳答案

好的，感谢看过此内容的任何人。我是 PHP 新手，所以请原谅。我逐行逐个字符地检查代码并发现了问题。

此代码无效，并在通过逻辑检查时产生了未显示为红色的不良响应:

<div class="tablerow">

   <p>Zip:</p>      
   <p> <input class="inputBox <?php if(empty($zip) && (isset($_POST['submit']))) echo 'errorBox' ?> " type="text" name="zip" value="<?php echo $zip; ?> "></p>
   <span class="error">* <?php echo $required; ?></span>
</div>

此代码有效并在通过逻辑检查时产生了红色的正确响应:

 <div class="tablerow">

  <p>Zip:</p>
  <p><input class="inputBox <?php if(empty($zip) && (isset($_POST['submit']))) echo 'errorBox' ?> " type="text" name="zip" value="<?php echo $zip; ?>" ></p>
   <span class="error">* <?php echo $required;?></span>
</div>

提示许多小时后的挫败感并让几个人审查，他们也没有发现任何东西......答案，看看非工作代码的最后部分，而不是正确的工作代码!

"<?php echo $zip; ?> "> 
"<?php echo $zip; ?>"

我对任何使用这种语言编程的人表示最崇高的敬意。我猜测产生的错误是因为没有在字符串末尾留下空字符以避免 SQL 注入(inject)攻击？

关于PHP逻辑检查调整CSS类失败，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42013844/

文章推荐： c++ - 优雅地尝试以特定方式执行各种功能

文章推荐： c++ - 如何在 Mac 终端中查看 C++ 函数的名称

文章推荐： php - 有没有办法只用一个提交按钮同时从不同的表单发送数据？

文章推荐： C++ 生成器透明位图覆盖 Canvas

Javascript 调整
我是 Javascript 新手，所以请原谅基本代码。有什么方法可以让我使用用户输入的指定调整来打印代码？ height: width: 最佳答案为按钮
javascript - 调整 A 框架中的屏幕截图大小
我有一个带有 A 框架的场景，我正在使用方法 getCanvas 来获取屏幕截图并将其发送到 PHP。有没有办法调整 getCanvas 图像大小？因为默认的是 4096x2048，我需要它更小。如果
Oracle 调整/分析表
安排自动“分析表”的方法是什么。当大量数据通过插入和删除发生更改时，是否可以请求自动“分析表”？参数化自动分析表过程的方法是什么，即设置何时应该触发的规则。最佳答案您使用的是哪个版本的 Oracl
C - 调整/放大图像
我只是想说，我是 C 语言的新手。好吧，除此之外，我在圣诞假期的任务是编写一个以各种方式操作 PNG 图像的程序。我已经完成了大部分事情，但是在尝试编写放大图像的程序时遇到了问题。我已经尝试过了，并且
postgresql - Postgres 调整
在 Postgres 中编写更快查询的有效方法是什么？请不要包括一般良好的数据库实践(例如使用索引或规范化)。我正在寻找像派生表比子查询工作得更快或使用 python 字符串函数似乎比 pgsql 字
用于对齐页面元素的 Css 调整？
我不知道自己做了什么，但我要么将页眉和导航向右移动，要么将页面的其余部分向左移动。使用 tw Bootstrap 。我想不通。我对它进行了调试并查看了我的 css 编辑，没有看到任何负边距(我怀疑是这
html - 调整/缩放内部容器中的字体
我希望能够增加默认字体大小，但只能在特定的 DIV 内。很明显，这似乎正是 ems 所针对的那种情况。我的问题是我只想增加字体大小，而不影响使用em设置大小的其他内容，例如填充和边距。这可能看起来
algorithm - 感知器算法 - 调整
我正在我的大学上数据挖掘类(class)。我真的不明白这个问题。谁能帮我理解一下？最佳答案重要性权重让您了解在采样时找到特定数据点的频率。您可以使用它来增加训练数据集。例如，如果您只有两个数据点:
C++ 调整/优化
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
c - 调整 argVector
我的部分程序如下所示: char *argVector[] = {"./doTasks","0", "1", "3", NULL}; int numChild = 3; int temp; char
c++ - 调整 Qt 窗口大小时出现闪烁的白色区域
我在调整 QWindow 大小时观察到一个奇怪的行为。当我调整窗口大小时使宽度和高度都增加或减少时，窗口不会以白色背景闪烁。但是当我增加宽度同时减小高度(或反之亦然)时，窗口会闪烁并暂时用白色填充新的
调整 ggplot geom_dotplot 的大小
我在使用 ggplot2 创建图形时遇到问题。我正在使用带有中心堆叠的 geom_dotplot 来显示我的数据，这些数据是 4 个类别的离散值。出于审美原因，我想自定义点的位置，这样沿 y 轴减
javascript - 调整 Canvas 大小以适应容器
在尝试让我的 Canvas/Stage 调整大小并使其正确适合父容器时遇到一些问题。我发现了其他类似的帖子，虽然答案确实帮助我获得了新的屏幕尺寸，但它仍然不想适应容器，而是直接进入屏幕的边缘(这在示例
svg - 调整 svg 组的路径
我想将路径大小调整为 20 像素左右。 SVG 的大小应为 500 * 500，现在路径宽度为 297，高度为 180.7。现在我需要这条路径，其宽度为 277，高度为 160.7，在之前的路径中。
javascript - 调整 SVG 的大小围绕其原点旋转
我有一个矩形 svg，可以围绕二维平面拖动，围绕它自己的原点旋转并调整大小。 class SVG extends React.Component { constructor(props) {
python - 调整 MLPRegressor 超参数
我一直在尝试调整 MLP 模型的超参数来解决回归问题，但我总是收到收敛警告。这是我的代码 def mlp_model(X, Y): estimator=MLPRegressor() param_gr
SwiftUI - 调整 ScrollView 滚动指示器插入
我正在创建一个聊天应用程序，我希望 ScrollView 的内容位于输入字段下方(向上滚动时)。我已经将 ScrollView 和输入字段放在 ZStack 中。 ScrollView 上的底部填充使
.NET 垃圾收集 (GC) 调整
我遇到 GC 来不及删除空闲对象的情况。该代码将一个大文档加载到内存中并循环处理它。如果我在此循环中停止(在 Debug模式下)或添加 GC.Collect()，内存使用量将下降到 70 MB 以下。
pdf - 调整 PDF 格式以更快地打印它
我正在使用 iTextSharp 和 PdfSharp 的组合来组装一个大型 PDF 文件，以便打印到 Canon Oce VarioPrint 6000 系列打印机。 PDF 正在替换后记文件。这
sql - 调整 mysql 查询以获得更好的性能
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。这个问题似乎不是关于 a specific programming problem, a softwar

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

PHP逻辑检查调整CSS类失败