选择中的必需属性不起作用

Question

我试图将所需的属性放入选择中。 我尝试了很多方法，但似乎不起作用。

<div class="form-group">
    <label class="control-label col-md-3 col-sm-3 col-xs-12">Select Category</label>
    <div class="col-md-6 col-sm-6 col-xs-12">
      <select class="form-control" name="Category" required="required">
        <option value="">Select</option>
            <option value="2">Library Staff</option>
            <option value="3">Non-Teaching Staff</option>
            <option value="4">System Admin</option>
            <option value="5">Teaching Staff</option>
      </select>
    </div>
</div>

Answer 1

您可以使用boostrap 验证器：

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://rawgit.com/1000hz/bootstrap-validator/master/dist/validator.min.js"></script> <form data-toggle="validator" role="form"> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12">Select Category</label> <div class="col-md-6 col-sm-6 col-xs-12"> <select class="form-control" name="Category" required> <option value="">Select</option> <option value="2">Library Staff</option> <option value="3">Non-Teaching Staff</option> <option value="4">System Admin</option> <option value="5">Teaching Staff</option> </select> </div> </div> <button type="submit" class="btn btn-default">Submit</button> </form>

Answer 2

尝试;

<select class="form-control" name="Category" required>