2

我有一个表单,用户必须在两种模式之间进行选择,有两组单独的输入。一些输入是required.

<form>
  <div class="form-group">
    <label>This or that?</label>
    <div class="controls">
      <label class="radio-inline">
        <input type="radio" name="thisthat" value="this">
        This
            </label>
      <label class="radio-inline">
        <input type="radio" name="thisthat" value="that" checked>
        That
      </label>
    </div>
  </div>
  <div class="this"> <!-- hidden as the page loads -->
    <div class="form-group">
      <input type="text" class="form-control" required="" placeholder="Some of this" />
    </div>
    <div class="form-group">
      <input type="text" class="form-control" required="" placeholder="Some more of this" />
    </div>
    <div class="form-group">
      <input type="text" class="form-control" placeholder="This again" />
    </div>
  </div>
  <div class="that">
    <div class="form-group">
      <input type="text" class="form-control" required="" placeholder="Some of that" />
    </div>
    <div class="form-group">
      <input type="text" class="form-control" required="" placeholder="Some more of that" />
    </div>
    <div class="form-group">
      <input type="text" class="form-control" placeholder="That again" />
    </div>
  </div>
  <button class="btn btn-info" type="submit">Submit</button>
</form>

CodePen上的示例

当用户填写表单的一部分时,由于另一部分中的空字段,提交被阻止。

如何禁用对隐藏部分中的字段的验证?最好不删除required隐藏输入的属性。

有没有默认的方法来做到这一点?

4

0 回答 0