<select> 必需不工作

Question

i'am使用此代码以及php代码，用于选择和使用的类，以使其强制使用，但行不通。有人可以帮助我吗？我已经包括了此HTML部分以及PHP代码。

 <select name="category" required="required" class="form-control">
        <option value=" ">--Select Category--</option>
        <option value="asd">asd</option>
    </select>

Answer 1

尝试在选择类别选项中删除空格值

<select name="category" required="required" class="form-control">
    <option value="">--Select Category--</option>
    <option value="asd">asd</option>
</select> code here

Answer 2

首先，替换

 <option value=" ">--Select Category--</option>

 <option value="">--Select Category--</option>

然后，正如W3C所说的..."所需属性是一个布尔属性。指定时，需要该元素。"

。"

 <select name="category" required class="form-control">
     <option value="">--Select Category--</option>
     <option value="asd">asd</option>
 </select>

也可以在这里找到同一示例。

在这里您可以尝试代码。

所需的工作。事实是"是一个值，"不是。

Answer 3

您必须添加必要的和值属性

<select required="true" name="unit">
<option disabled selected value="">-- Select One --</option>
<option>Square Feet</option>
<option>Square Yards</option>
<option>Square Meters</option>
<option>Marla</option>
<option>Kanal</option>

Answer 4

在我的情况下， select 元素上的 required属性不起作用，因为第一个 option element element已添加了 selected属性。

selected属性破坏了 required属性

<label for="procedures_of_interest">Procedures Of Interest</label>
<select name="procedures_of_interest" id="procedures_of_interest" required multiple="multiple">
  <option value="" selected disabled>Select One or More</option>
  <option value="first">first</option>
  <option value="second">second</option>
  <option value="last">last</option>
</select>

通过从选项元素中删除 selected属性， required和 multiple属性都在 select element上正确工作： element：

<label for="procedures_of_interest">Procedures Of Interest</label>
<select name="procedures_of_interest" id="procedures_of_interest" required multiple="multiple">
  <option value="" disabled>Select One or More</option>
  <option value="first">first</option>
  <option value="second">second</option>
  <option value="last">last</option>
</select>

Answer 5

尝试将required零件更改为 true

所以它就像 required="true"，它是否有效？

Answer 6

您仅使用所需的html5验证，可能是所有浏览器上的工作。您是否正在寻找我建议使用jQuery验证的正确验证。验证文档