Question

我想出了一个让我疯狂的问题，因为我是PHP的新手。问题是：以下时间表提交表单在Chrome上运行良好（每次我留下未填写的电子邮件时，都无法处理提交）。但是，在safari上使用时，您始终可以将空白表单提交到数据库中。

这是html表单。

<script type="text/javascript" src="/membership/my-form/js/jquery-2.1.1.js"></script>
<script type="text/javascript" src="/membership/my-form/js/main.js"></script>

<form class="mf-form floating-labels" method="post" action="timetablesubmit.php">

    <div>
        <h1 style="text-align:center">Availability form</h1>
    </div>
    <div>
        <p class="mf-select icon">
            <select name="timetable-staff" class="user" required>
                <option value="">Select Person</option>
                <option value="AMY">Amy</option>
                <option value="TOM">Tom</option>
            </select>
        </p>

        <div>
            <input name="location1" value="A" type="hidden">
            <input name="location2" value="B" type="hidden">
        </div>
        <div class="AMY box">You work in A.</div>
        <div class="TOM box">You work in B.</div>
    </div>

    <div class="icon">
        <label class="mf-label" for="mf-email">Email Address</label>
        <input class="email" type="email" name="timetable-email" id="mf-email" required>
    </div>

</form>


<script type="text/javascript">
    $(document).ready(function(){
        $("select").change(function(){
            $( "select option:selected").each(function(){
                if($(this).attr("value")=="Amy"){
                    $(".box").hide();
                    $(".AMY").show();
                }
                if($(this).attr("value")=="Tom"){
                    $(".box").hide();
                    $(".TOM").show();
                }
            });
        }).change();
    });
</script>


<style type="text/css">
    .box{
        padding: 10px;
        display: none;
        margin-top: 20px;
        border: 1px solid #000;
        font-size:1.6em;
        text-align:center;
        background-color: #f1f1f1;
    }
</style>

这是timetablesubmit.php：

<?php
header("content-type:text/html;charset=utf-8");

session_start();

$timesubmit=date('Y-m-d H:i:s');
$staff=$_POST['timetable-staff'];
$email=$_POST['timetable-email'];


$con=mysql_connect("localhost","database","password");
if (!$con) {
    die ('Could not connect:' . mysql_error());
}

mysql_select_db("database", $con);

mysql_query("set names utf8");
mysql_query("INSERT INTO timetable(staff,email)
        VALUES('$staff','$email')");

mysql_close($con);

sleep(2);
?>

<html>
<? require 'header.php'; ?>
<div class="tk-reg">
    <p>Thak you <?php echo $_POST['timetable-staff']; ?><p>
    <p> Time availability submitted successfully.<p>
        Your email address is: <?php echo $_POST["timetable-email"]; ?>
</div>

<div class="tk-regfollow">
    <ul style="text-align:center">
        <a href="/membership/index.php">Back to home page.</a>
    </ul>
</div>
</html>

然后我搜索了互联网并改为下面，仍然没有在Safari上工作（警报出现，但数据仍然插入数据库。

<?php
require 'header.php';
$nameErr = $emailErr = "";
$name = $email = "";

if ($_SERVER["REQUEST_METHOD"] == "POST") {
    if (empty($_POST["timetable-staff"])) {
        $nameErr = "Please select a staff.";
    } else {
        $staff = test_input($_POST["timetable-staff"]);
    }
    if (empty($_POST["timetable-email"])) {
        $emailErr = "Email address is required";
    } else {
        $email = test_input($_POST["timetable-email"]);
    }
}
function test_input($data) {
    $data = trim($data);
    $data = stripslashes($data);
    $data = htmlspecialchars($data);
    return $data;
}

$con=mysql_connect("localhost","database_name","database_password");
if (!$con) {
    die ('Could not connect:' . mysql_error());
}

mysql_select_db("database_name", $con);

mysql_query("set names utf8");
mysql_query("INSERT INTO timetable(staff,email)
        VALUES('$staff','$email')");

mysql_close($con);
sleep(2);
?>


<html>
<style>
    .error {color: #FF0000;}
</style>

<h1 style="text-align:center">Availability form for
    <?php
    $d=strtotime("+1 Months");
    echo date("M", $d) . "  2015 <br>";
    ?>
</h1>

<form class="mf-form floating-labels" method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
    <div>
        <p class="mf-select icon">
            <select name="timetable-staff" class="user" required>
                <option value="">Select Person</option>
                <option value="AMY">Amy</option>
            <option value="TOM">Tom</option>
            </select>
            <span class="error">* <?php echo $nameErr;?></span>
        </p>
    </div>
    <div class="icon">
        <label class="mf-label" for="mf-email">Email Address</label>
        <input class="email" type="email" name="timetable-email" id="mf-email" required>
        <span class="error">* <?php echo $emailErr;?></span>
    </div>
    <br><br>
    <input type="submit" name="submit" value="Submit">
</form>
</html>

我希望有人可以帮助我指出我的错误。谢谢。

=============================================== =======================

我尝试了很多方法来解决这个问题，但仍有“这个”或“那个”问题。我终于使用了一种实际工作的方法，但我不知道是否不推荐它。

这是我在timetablesubmit.php中修改的代码（我的流程是：timetable.php ==＆gt; timetablesubmit.php ==＆gt; welcome.php）

$email = trim($_POST['timetable-email']);
if($email !='' and $email !=null) {
    $sql1;
}
else {
     echo '<html><head>
             <link rel="stylesheet" type="text/css" href="/membership/style.css"/>
           <head>
        <div class="check-error-message">
           <p>Error: Email address is required.</p><br>
           <a href="javascript:history.back(-1);">Return</a>
        </div>';
    exit;
};

Answer 1

您可以在插入操作之前检查条件

if($nameErr =="" && $emailErr == "")
{
    mysql_query("INSERT INTO timetable(staff,email)
    VALUES('$staff','$email')");
}

Answer 2

你可以在这里设置一个条件以避免空填充

mysql_query("INSERT INTO timetable(staff,email)
        VALUES('$staff','$email')");

这里保持这样的条件

    if($staff!='' && $email!='')
{
mysql_query("INSERT INTO timetable(staff,email)
            VALUES('$staff','$email')");
}

Answer 3

Html 5＆＃34;必需＆＃34;将不会在野生动物园工作。

此行是问题<input class="email" type="email" name="timetable-email" id="mf-email" required>

编写jquery / javascript验证以检查必填字段。

希望对你有所帮助。

Answer 4

正如他们所说，并非所有浏览器都接受所需的属性，因为它是新的。

在PHP，服务器端，你也可以验证是否有东西填满：

$var = trim($_POST['var']);
if(!is_empty($var)) {
    //do mysqli function
}
else {
    //show error
}

trim将删除给定值的开头和结尾处的空格。

is_empty几乎与$var == ""

相似

如果输入不为空，如何将数据插入数据库？

4 个答案: