javascript - 如果用户不从 select Box-PHP 中选择值，如何限制用户提交表单

Question

我正在做一个管理员有权添加新用户的项目。

在添加新用户表单中，我有一个从数据库中填充的选择框。我想知道如果用户没有从选择选项中选择任何名称，它会出错，请选择名称或类似的东西。 这是我的代码:

<select class="form-control" name="designation" id="designation" style="color:  black;" required>
    <option value="<?php echo $row['designation_id']; ?>">Please Select designation</option>
    <?php
    $sel_cus = "select designation_name ,designation_id from designation ";
    $res_cus = mysqli_query($connection, $sel_cus);

    while ($row = mysqli_fetch_array($res_cus)) { ?>

        <option value="<?php echo $row['designation_id ']; ?>"><?php echo $row['designation_name']; ?></option>

    <?php
}
?>
</select>

如果选择框的选定索引为 0，即 [请选择名称]，则会出错，请从列表中选择名称。 需要指导。

Answer 1

您正在访问 $row 变量，甚至在它存在于以下语句中之前，

<option value="<?php echo $row['designation_id']; ?>">Please Select designation</option>

请将此语句替换为以下内容，

<option value="">Please Select designation</option>

对于 select 的第一个选项，值应该为空以使用必需的属性。

引用这个specification

如果您不希望出现错误，只需从 select 元素中删除 required 属性即可。