来自 PHP 和 HTML 表单的 Javascript/jquery 多重警报

Question

如何在 1 个表单中发出多个警报或验证？

有生日的 PHP 数组选项(数组中的日期、月份、年份)、工作的数组选择、性别的单选按钮、激情的复选框(可以选择超过 1 个但不能为空)并以一种形式上传文件.

可以用一个脚本来完成吗？

如何为每个值制作专属警报消息，并重点关注空值或未选中的值？

我的表格:

<form action="" method="post">
  <table width="589" border="1" align="center">
    <tr>
      <td colspan="3">INPUT DATA</td>
    </tr>
    <tr style="text-align: left">
      <td width="128">NAME</td>
      <td width="3">:</td>
      <td width="394"><input type="text" name="name" id="name"></td>
    </tr>
    <tr style="text-align: left">
      <td>BIRTHDAY</td>
      <td>:</td>
      <td><?php
echo "<select name='date' id='date'>";
echo "<option selected='selected'>DATE</option>";
    for($a=1; $a<=31; $a+=1)
{
echo"<option value=$a> $a </option>";
}
echo "</select>";
echo "<select name='month' id='month'>";
echo "<option selected='selected'>MONTH</option>";
$month=array(1=>"Januari","Februari","Maret","April","Mei","Juni","July","Agustus","September","Oktober","November","Desember");
for($months=1; $months<=12; $months++)
echo "<option value='$months'>$month[$months]</option>";
echo "</select>";
$now=date('Y');
echo "<select id='year' name='year'>";
echo "<option selected='selected'>YEAR</option>";
    for ($a=1980;$a<=$now;$a++)
{
echo "<option value='$a'>$a</option>";
}
echo "</select>";

?>
</td>
    </tr>
    <tr style="text-align: left">
      <td>MAJOR</td>
      <td>:</td>
      <td> <select name="major" id="major">
      echo "<option selected>--SELECT MAJOR--</option>";

    <?php
    $major=array("INFORMATION SYSTEM"=>"IS","COMPUTER ENGINERING"=>"CE");
    foreach($major as $j=>$value)
    {echo"<option value='".$value."'>".$j."</option>";
    }
    ?>

</select></td>

    </tr>
    <tr style="text-align: left">
      <td>JOB</td>
      <td>:</td>
      <td><select name="job" id="job">
      echo "<option selected>--SELECT JOB--</option>";

      <?php
      $choise = array('Actuarial analyst','Business analyst','IT consultant','Network engineer');
      for ($job=0;$job<=3;$job++)
      {
      echo "<option value='".$choise[$job]."'>
            ".$choise[$job]."</option>";
      }
      ?>
    </select></td>
    </tr>
    <tr style="text-align: left">
      <td>SEX</td>
      <td>:</td>
      <td><input type="radio" name="sex" id="sex" value="MALE">
      <label for="radio">MALE 
        <input type="radio" name="sex" id="sex2" value="FEMALE">
      FEMALE</label></td>
    </tr>
    <tr style="text-align: left">
      <td>PASSION</td>
      <td>:</td>
      <td><input type="checkbox" name="pass[]" value="WRITING">Writing
     <input type="checkbox" name="pass[]" value="NETWORKING">Networking
     <input type="checkbox" name="pass[]" value="PROGRAMMING">Programming
     <input type="checkbox" name="pass[]" value="ENGINERING">Enginering
     <input type="checkbox" name="pass[]" value="ETC">Etc</td>
    </tr>
    <tr style="text-align: left">
      <td>FOTO</td>
      <td>:</td>
      <td><input  type="file" name="photo"  id="photo"></td>
    </tr>
    <tr>
      <td colspan="3"><input type="submit" name="button" id="submit" value="SAVE"></td>
    </tr>
  </table>
  <label for="name"></label>
</form>

Answer 1

您可以通过以下链接了解有关验证表单的更多信息:Form validation