Question

我正在使用此代码以及php代码，用于选择和使用所需的类以使其成为必需类但它不起作用。有没有人可以帮助我。我已经包含这个HTML部分以及PHP代码。＆lt; select name =“category”required =“required”class =“form-control”＆gt; ＆lt; option value =“”＆gt; - 选择类别 - ＆lt; / option＆gt; ＆lt; option value =“asd”＆gt; asd＆lt; / option＆gt; ＆LT; /选择＆GT;

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>

同样here你可以找到相同的例子。

here你可以尝试代码。

必需是有效的。事实是“”是一个值而“”不是。

Answer 3

尝试将required部分更改为true

所以它会像required="true"，它有效吗？

Answer 4

您只使用HTML5验证，可能是它无法在所有浏览器上运行。您是否正在寻找我建议使用jquery验证的正确验证。 Validation Document

Answer 5

您必须添加必填和值属性

<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 6

就我而言，select 元素上的 required 属性不起作用，因为第一个 option 元素添加了 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>

通过从 option 元素中删除 selected 属性，required 和 multiple 属性都可以在 select 元素：

<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>

<select>要求不起作用

6 个答案: