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

＆＃13;

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

＆＃13;

Answer 2

试;

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

select中的必需属性不起作用

2 个答案: