Question

我在stackoverflow上的第一篇文章，所以要温柔。我是一个新手学习者:) 我使用Twitter Bootstrap 3构建表单。在该表单中，我有一个下拉列表，允许用户选择国家/地区。我的问题是：如何将其作为“必需”字段？如果跳过该字段，我不希望提交表单。我正在使用“必需”字段，它适用于基本文本类型。

<input type="text" class="form-control" placeholder="Enter Name..." required />

但我不知道在使用下拉列表时我在哪里插入“必需”。我试图用任何额外的jquery / js来做这件事。已经包含了jquery-1.10.2.js和bootstrap.js

bootply.com snippet

请帮忙。

Answer 1

可以将必需属性添加到select元素。从你的例子：

 <div class="form-group">
          <label for="country" class="col-sm-3 control-label">Country *</label>
          <div class="col-sm-6">
          <select id="country" name="country" class="form-control" required>

为了完整性，我还在select元素中添加了id和name属性。

Answer 2

===.js===
$scope.addNewGuide = function(isValid) {

    if (_.isEmpty($scope.selectedCategory)) {
        isValid = false;
        $scope.notSelectedCategory = true;
    }
}
=====.html====
<form name="guide" ng-submit="addNewGuide(GuideListing.$valid)" novalidate>
  <div class="col-md-4">
    <div class="scrolldiv">
      <ul class="none ulstyle">
        <li  ng-repeat="categories in getCategoryAPIData" ng-if='categories.category.name.length>0'>
          <label>
            <input type="checkbox" id="chkCategory" name="chkCategory" ng-model="categories.category.chkCategory" ng-change="selectCategory(categories,categories.category.chkCategory)">{{categories.category.name}}
          </label>
        </li>
      </ul>
    </div>
    <span class="help-block redtext" ng-show="`notSelectedCategory`">Please select Category</span>
  </div>
</div>

<input type="submit">
</form>

Bootstrap 3 - 表格 - 必填字段 - 下拉菜单

2 个答案: