<select> required not working

Question

I'am using this code along with php code for a select and used required class to make it mandatory but it is not working. Does anyone can help me.I have included this html section along with php code.

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

Answer 1

First of all, replace

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

with

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

And then, as w3c says, ... "The required attribute is a boolean attribute. When specified, the element is required."

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

Also here you can find same example.

And here you can try the code.

Required is working. The fact is that " " is a value and "" is not.

Answer 2

Try to remove space value in your select category option

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