我无法使用 PHP 将我的 Web 表单发布到数据库 [关闭]

【问题标题】：I can't get my web form to post to the database using PHP [closed]我无法使用 PHP 将我的 Web 表单发布到数据库 [关闭]
【发布时间】：2015-06-25 03:13:20
【问题描述】：

数据库已连接 - 但我似乎无法插入新记录。 数据库已创建，表已创建，但我的表单不起作用。

我必须能够添加新用户，验证密码 - 但我已经能够解决这部分问题。

我尝试了很多次 - 不同的代码 - 我不确定是语法错误还是变量等。

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>

    <style type="text/css">
        body{
            color:black;
            background-color:#6BDBAF;
        }
        h1{
           color: #177A58; 
           font: 48px arial, sans-serif; 
           font-weight: bold; 
           text-align: center; padding: 3px;
           text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
        }
        h2,h3,h4{
            color:#177A58;
            text-align: center;
            text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
        }
        .banner{
            height:25px;
            width:100%;
            color:green;
            background-color:#177A53;
            font:arial bold 15/25px;
            text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
        }

        .menu a {
          margin-left: 50px;
          margin-right: 50px;
          padding: auto;
          width: auto;
          height: 20px;
          text-decoration: none;
          color:white;
          font: 15px/25px Helvetica, sans-serif, solid;
        }

        .menu a:hover {
          background: #00CC66;
        }

        #login-form{
            positive: relative;
        }
        td{
            min-width: 100px;
        }

        .form-container {
           border: 2px solid #38875a;
           background: #060f0e;
           background: -webkit-gradient(linear, left top, left bottom, from(#177A53), to(#060f0e));
           background: -webkit-linear-gradient(top, #177A53, #060f0e);
           background: -moz-linear-gradient(top, #177A53, #060f0e);
           background: -ms-linear-gradient(top, #177A53, #060f0e);
           background: -o-linear-gradient(top, #177A53, #060f0e);
           background-image: -ms-linear-gradient(top, #177A53 0%, #060f0e 100%);
           -webkit-border-radius: 26px;
           -moz-border-radius: 26px;
           border-radius: 26px;
           -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 1px 0;
           -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 1px 0;
           box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 1px 0;
           font-family: 'Helvetica Neue',Helvetica,sans-serif;
           text-decoration: none;
           vertical-align: middle;
           min-width:500px;
           padding:20px;
           width:70%;
           margin-left: auto;
           margin-right: auto;
         }

        .form-field {
           border: 1px solid #c9b7a2;
           background: #84ba94;
           -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
           border-radius: 8px;
           color: #194221;
           -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
           -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
           box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
           padding:8px;
           margin-bottom:20px;
           width:80%;
        }

        .form-field:focus {
           background: #fff;
           color: #020504;
        }

        .form-container h2 {
           text-shadow: #0a1f17 0 1px 0;
           font-size:18px;
           margin: 0 0 10px 0;
           font-weight:bold;
           text-align:center;

            }
        .form-title {
           margin-bottom:20px;
           margin-left: 40px;
           color: white;
           text-shadow: #0a1f17 0 1px 0;

        }

        .Submit-container {
           margin:8px 0;
           text-align:right;
        }

        .Submit {
           border: 2px solid #26402e;
           background: #424a44;
           background: -webkit-gradient(linear, left top, left bottom, from(#4a9e65), to(#424a44));
           background: -webkit-linear-gradient(top, #4a9e65, #424a44);
           background: -moz-linear-gradient(top, #4a9e65, #424a44);
           background: -ms-linear-gradient(top, #4a9e65, #424a44);
           background: -o-linear-gradient(top, #4a9e65, #424a44);
           background-image: -ms-linear-gradient(top, #4a9e65 0%, #424a44 100%);
           -webkit-border-radius: 11px;
           -moz-border-radius: 11px;
           border-radius: 11px;
           -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
           -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
           box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
           text-shadow: #384728 0 1px 0;
           color: #070a05;
           font-family: helvetica, serif;
           padding: 8.5px 18px;
           font-size: 14px;
           text-decoration: none;
           vertical-align: middle;
           float: left;
           width: 300px;
        }

        .Submit:hover {
           border: 2px solid #7bc7b4;
           text-shadow: #31540c 0 1px 0;
           background: #88bfb1;
           background: -webkit-gradient(linear, left top, left bottom, from(#357a5e), to(#88bfb1));
           background: -webkit-linear-gradient(top, #357a5e, #88bfb1);
           background: -moz-linear-gradient(top, #357a5e, #88bfb1);
           background: -ms-linear-gradient(top, #357a5e, #88bfb1);
           background: -o-linear-gradient(top, #357a5e, #88bfb1);
           background-image: -ms-linear-gradient(top, #357a5e 0%, #88bfb1 100%);
           color: #fff;
        }

        .Submit:active {
           text-shadow: #31540c 0 1px 0;
           border: 2px solid #447314;
           background: #48a67c;
           background: -webkit-gradient(linear, left top, left bottom, from(#394231), to(#88bfb1));
           background: -webkit-linear-gradient(top, #394231, #48a67c);
           background: -moz-linear-gradient(top, #394231, #48a67c);
           background: -ms-linear-gradient(top, #394231, #48a67c);
           background: -o-linear-gradient(top, #394231, #48a67c);
           background-image: -ms-linear-gradient(top, #394231 0%, #48a67c 100%);
           color: #fff;
        }

    .report{
        color: grey;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    </style>

</head>
<body>


  <div class="banner">
    <div class="menu">
        <a href="index.php" class="one">Home</a>
        <a href="resume.html" class="two">About</a>
        <a href="gallery.php" class="three">ArtGallery</a>
        <a href="checkout.php" class="four">Shop</a>
        <a href="register.php" class="five">Register</a>
        <a href="theory.html" class="six">ArtTheory</a>
        <a href="account.php" class="seven">MyAccount</a>
        <a href="userlogin.php" class="eight">UserLogin</a>
    </div>
    </div>
    <h1>Website Sign Up</h1>

        <form action="register.php" method="post">
        <input type="hidden" name="Submit" value="true"/>

            <table class="form-container">
                <tr><td><label class="form-title">Enter User Email:* </td><td><input type="text" name="loginEmail" class="form-field" value=""/></label></td></tr>
                <tr><td><label class="form-title">Enter a Password:* </td><td><input type="text" id="password" name="password" class="form-field" value=""/></label></td></tr>
                <tr><td><label class="form-title">First Name: </td><td><input type="text" name="firstName" class="form-field" value=""/></label></td></tr>
                <tr><td><label class="form-title">Last Name: </td><td><input type="text" name="lastName" class="form-field" value=""/></label></td></tr>
                <tr><td><label class="form-title">Street Address: </td><td><input type="text"  name="street" class="form-field" value=""/></label></td></tr>
                <tr><td><label class="form-title">City: </td><td><input type="text" name="city" class="form-field" value=""/></label></td></tr>
                <tr><td><label class="form-title">State: </td><td><input type="text" name="state" class="form-field" value=""/></label></td></tr>
                <tr><td><label class="form-title">Postcode: </td><td><input type="text" name="zip" class="form-field" value=""/></label></td></tr>
                <tr><td><label class="form-title">Phone: </td><td><input type="text" name="phone" class="form-field" value=""/></label></td></tr>
                <tr><td></td><td><input type="Submit" class="Submit" value="Submit"/></td></tr>
            </table>

        <br />

        </form>
<div class="report">

<?php
include ('libcommon.php');

mysql_select_db($membersDB,$conn);
    if (!$membersDB) {
            echo mysql_error();
        }else{
            echo "<p>Successfully connected to the <em>MembersDirectory</em> database: Waiting for new record...";
        }


// query
$db = new PDO('mysql:host=localhost;dbname=MembersDirectory;charset=utf8', 'root', '');
$q = $db->prepare("INSERT INTO members (loginEmail,password,firstName,lastName,street,city,state,zip,phone) 
    VALUES (:loginEmail,:password,:fname,:lname,:street,:city,:state,:zip,:phone)");
$q->execute(array(':loginEmail'=>$uname,
                  ':password'=>$pwd,
                  ':firstName'=>$fname,
                  ':lastName'=>$lname,
                  ':street'=>$Street,
                  ':city'=>$City,
                  ':state'=>$State,
                  ':zip'=>$PostCd,
                  ':phone'=>$Phone));

?>

</div>
</body>
</html>

【问题讨论】：

  • 什么错误，如果有的话？什么输出，如果有的话？始终运行print_r() 以确认您获得了预期值。
  • 另外，使用 PDO 函数，而不是 mysql* 函数来避免 SQL 注入风险。
  • 停下！在你说 www 之前插入未经处理的用户输入会让你被黑
  • 存储纯文本密码也超级糟糕
  • 应该解雇仍在教 mysql_* 的人（在教规之外（在 @Fred-ii- 的家））

标签： php html mysql validation


【解决方案1】：

这里有几个安全问题：

  1. 您将“不安全”数据直接插入到数据库中，而不对其进行验证。理想情况下，您将有一个有效输入列表进行比较（白名单）。您可以有一个黑名单，但这可能不完整。
  2. 您正在创建一个包含不安全数据的字符串，然后执行它！这意味着您容易受到 SQL 注入的攻击。考虑一下用户是否输入 '; UPDATE users SET password = 'lol'; - 他们能够执行任何他们想要的 SQL！
  3. 您正在以明文形式存储密码。如果任何人可以合法地（开发人员/管理员）或其他方式（黑客）访问数据库，他们就可以看到用户的密码。
  4. 您使用的是 root 数据库用户，密码为默认/空。对于一个严肃的系统，不要这样做。您还希望将数据库密码存储在其他地方（某些配置或密钥库），而不是直接存储在源代码中。还有服务器名称等。

关于#1，也许不要太担心。 PHP 有一些验证/清理功能。如果您有兴趣，请参阅here。不过，至少检查一下$_POST 数组中是否存在所有这些键可能是值得的。尝试遍历每个预期的键，确认 array_key_exists($key, $_POST)，如果不是，则出错。

要解决 #2，我们应该真正重写 PHP 脚本以使用 PDO，而不是 mysql 函数。 This 提供了一个很好的教程。理想情况下，我们还会做一些错误处理（try-catch，将错误显示模式设置为最严格等）。本质上，您想要：

// Establish a connection
$db = new PDO('mysql:host=localhost;dbname=testdb;charset=utf8', 'username', 'password');
// Prepare a query
$stmt = $db->prepare("INSERT INTO table(field1,field2,field3,field4,field5) VALUES(:field1,:field2,:field3,:field4,:field5)");
// Execute a query
$stmt->execute(array(':field1' => $field1, ':field2' => $field2, ':field3' => $field3, ':field4' => $field4, ':field5' => $field5));
// Close the connection
$db = null;

要解决 #3，请保存密码的哈希值，而不是明文。散列是某些数据的单向加密版本，因此您可以将明文转换为散列，但不能将散列转换为明文。因此，如果有人可以访问您的数据库，他们将无法确定密码。因此，我们将密码存储为password_hash($input) 而不是$input，并与password_verify($usersAttempt, $valueInDb) 而不是$usersAttempt === $valueInDb 进行比较。请参阅here 了解更多信息。

【讨论】：

  • 可以添加检查表单是否已提交 - 打赌在首次加载时会有大量未设置的变量通知
  • 如，做一些验证以确保这些键确实存在于 $_POST 数组中？
  • 查询将在任何人填写表单之前在第一次加载时运行
  • 哦，我以为有单独的表单页面和操作页面。
  • 我以为它只有一页 - 让我们在上面摔跤吧:-)
【解决方案2】：

为提交按钮添加name

<input type="Submit" class="Submit" name="submit" value="Submit"/>

注意：表单中的提交按钮或输入类型需要名称

【讨论】：

    猜你喜欢
    • 1970-01-01
    • 2023-03-20
    • 1970-01-01
    • 2013-07-01
    • 2011-10-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode