Question

我有表单，我想为帐户类型创建输入字段。这有点棘手，因为可能只有一种帐户类型，但也可以是两种。换句话说，当输入姓氏时，他们必须为帐户类型选择用户或员工，或者他们可以选择两者。一旦他们选择其中一个或两个，那么其他字段将显示在他的表格中。我的问题是什么是最好的选择方法，要求用户选择至少一种帐户类型，但同时允许他们选择两种帐户类型？我也为此目的使用HTML5验证，所以如果他们只选择一个，那么另一个将被隐藏。不应该要求那些隐藏的表单字段，但现在我没有办法阻止它。这是一个例子：

<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script language="javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<form name="frmSave" id="frmSave" class="frm-Submit" autocomplete="off">
  <div class="form-group">
    <input type="text" class="form-control" name="frm_firstname" id="frm_firstname" placeholder="Enter First Name" maxlength="50" required>
  </div>
  <div class="form-group">
    <input type="text" class="form-control" name="frm_lastname" id="frm_lastname" placeholder="Enter Last Name" maxlength="50" required>
  </div>
  <div class="form-group required">
    <button class="btn btn-primary" data-toggle="collapse" data-target="#user-account">User Account</button>
  </div>
  <div id="user-account" class="collapse">
    <div class="form-group required">
      <input type="text" class="form-control" name="frm_username" id="frm_username" placeholder="Enter UserName" maxlength="50" required>
    </div>
  </div>
  <div class="form-group required">
    <button class="btn btn-primary" data-toggle="collapse" data-target="#staff-account">Staff Account</button>
  </div>
  <div id="staff-account" class="collapse">
    <div class="form-group required">
      <div class="input-group">
        <input type="text" class="form-control" name="frm_position" id="frm_position" placeholder="Choose Position" required>
      </div>
    </div>
  </div>
  <button type="submit" name="frmSaveaccount_submit" id="frmSaveaccount_submit" class="btn btn-primary">Submit</button>
</form>

因此，用户和员工帐户的按钮实际上是我的数据库中的单独字段，如果他们输入了用户信息或员工，我必须保存示例1或0的值。此外，如果我尝试提交仅包含员工信息的表单，例如我不能，因为用户表单字段是隐藏的但仍然需要。如何修复，只需要可见字段？

Bootstrap表单输入字段，至少需要选择一个元素？

0 个答案: