Php 提交前验证表单（比检查空字段更复杂）

我有一个包含时间输入的表单（特别是开始和结束时间）。当按下submit按钮时，它会进入一个php页面，这些输入被添加到数据库中。在允许提交表单之前，我想检查一些事情。例如，我希望确保开始时间早于（小于）结束时间。以下是表格：

            Opens:
            <select name="starthour1">
                <option value="00">12</option>
                <option value="01">1</option>
                <option value="02">2</option>
                <option value="03">3</option>
                <option value="04">4</option>
                <option value="05">5</option>
                <option value="06">6</option>
                <option value="07">7</option>
                <option value="08">8</option>
                <option value="09">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
            </select> : 
            <select name="startminute1">
                <option value="00">00</option>
                <option value="15">15</option>
                <option value="30">30</option>
                <option value="45">45</option>
                <option value="59">59</option>
            </select> 
            <select name="startwhen1">
                <option value="am">am</option>
                <option value="pm">pm</option>
            </select>

            Closes:
            <select name="endhour1">
                <option value="00">12</option>
                <option value="01">1</option>
                <option value="02">2</option>
                <option value="03">3</option>
                <option value="04">4</option>
                <option value="05">5</option>
                <option value="06">6</option>
                <option value="07">7</option>
                <option value="08">8</option>
                <option value="09">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
            </select> : 
            <select name="endminute1">
                <option value="00">00</option>
                <option value="15">15</option>
                <option value="30">30</option>
                <option value="45">45</option>
                <option value="59">59</option>
            </select> 
            <select name="endwhen1">
                <option value="am">am</option>
                <option value="pm">pm</option>
            </select>

打开：
12
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
: 
00
15
30
45
59
是
下午
关闭：
12
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
: 
00
15
30
45
59
是
下午

我找到了如何检查单个表单元素的javascript代码，但我不知道如何在不提交的情况下组合多个表单元素。在我的php页面中，我有以下代码：

$starthour1=$_POST['starthour1'];
$startminute1=$_POST['startminute1'];
$startwhen1=$_POST['startwhen1'];
$endhour1=$_POST['endhour1'];
$endminute1=$_POST['endminute1'];
$endwhen1=$_POST['endwhen1'];

$start_time1=$end_time1="";

    if($startwhen1=="pm"){
        $starthour1=$starthour1+12;
    }
    if($endwhen1=="pm"){
        $endhour1=$endhour1+12;
    }
    $start_time1=$starthour1.":".$startminute1.":00";
    $end_time1=$endhour1.":".$endminute1.":00";
    if($end_time1=="00:00:00"){
        $end_time1="23:59:00";
    }

echo "<br>start time is ".$start_time1;
echo "<br>end time is ".$end_time1;

$startnum=str_replace(":", "", $start_time1);
$endnum=str_replace(":", "", $end_time1);
if($endnum<$startnum){
    echo "<br>start time can't be later than end time!";
}
else{
   //add to database
}

$starthour1=$\u POST['starthour1']；
$startminute1=$_POST['startminute1']；
$startwhen1=$_POST['startwhen1']；
$endhour1=$_POST['endhour1']；
$endminute1=$_POST['endminute1']；
$endwhen1=$_POST['endwhen1']；
$start_time1=$end_time1=“”；
如果（$startwhen1==“pm”）{
$starthour1=$starthour1+12；
}
如果（$endwhen1==“pm”）{
$endhour1=$endhour1+12；
}
$start_time1=$starthour1.：“$startminute1.：00”；
$end_time1=$endhour1.：“$endminute1.：00”；
如果（$end_time1==“00:00:00”）{
$end_time1=“23:59:00”；
}
echo“
开始时间为”。$start\u time1；
echo“
结束时间为”。$end\u time1；
$startnum=str_replace（“：”，“，$start_time1）；
$endnum=str_replace（“：”，“”，$end_time1）；
if（$endnum始终在PHP级别检查用户输入，无论您是否也在客户端使用javascript检查用户输入

在javaScript中，我建议您使用一个Js库，比如jQuery，它有一个用于表单验证的

在PHP级别，我建议您使用函数。效率也很高。
考虑将表单数据转换为对象。这将使比较比单独处理每个部分容易得多。它还将确保放入数据库的日期时间字符串可以安全插入，因为您将从met获取字符串hod。
让表单的onSubmit（）或操作调用JavaScript函数，如下所示：

<form id="form" onSubmit="return doSubmit();" action="#">

要通知用户实际表单字段旁边的输入无效，可以在每个字段旁边隐藏div或span，如果验证失败，可以使用Javascript取消隐藏它们

if(!fieldNotValid){
     $('#field-error').show(); //Or use effects like .highlight()
}

谢谢你的帮助！我最终使用了：

<form action="add.php" onsubmit="return validate_form()" method="POST" name="addform">



与：

函数验证\u表单（）{
var f=document.addform；
变量开始、结束、开始时间、结束时间；
var valid=true；
..........
starthour=f.starthour 1.0；
endhour=f.endhour1.value；
如果（f.startwhen1.value==“pm”）{
var starthour=starthour*1；
starthournum=starthournum+12；
starthour=starthournum.toString（）；
}
如果（f.endwhen1.value==“pm”）{
var endhournum=endhour*1；
starthournum=starthournum+12；
starthour=starthournum.toString（）；
}
开始=开始时间+f.startminute1.value；
end=endhour+f.endminute1.value；
如果（结束=“0000”）{
end=“2359”；
}
if（endso）我应该将小时、分钟和am/pm连接成一个字符串，就像我目前正在做的那样，然后执行以下操作：$date=new DateTime（$start\u time）；echo$date->format（'H:i:s'））；但这无法防止恶意用户向服务器发送无效数据。客户端验证是一项可用性功能。对于保护输入来说，它是无用的。
<form action="add.php" onsubmit="return validate_form()" method="POST" name="addform">

function validate_form(){
        var f = document.addform;
        var start, end, starthour, endhour;
        var valid=true;
        ..........

            starthour=f.starthour1.value;
            endhour=f.endhour1.value;
            if(f.startwhen1.value=="pm"){
                var starthournum = starthour * 1;
                starthournum = starthournum+12;
                starthour = starthournum.toString();
            }
            if(f.endwhen1.value=="pm"){
                var endhournum = endhour * 1;
                starthournum = starthournum+12;
                starthour = starthournum.toString();
            }
            start = starthour+f.startminute1.value;
            end = endhour+f.endminute1.value;

            if(end=="0000"){
                end="2359";
            }

        if(end<start){
            alert("Start time can't be later than end time!");
            valid=false;
        }

        return valid;
}